@media screen and (max-width:745px) {
    
    .mobileonly {
        display: block;
    }
    .wrapper {
        width: 100%;
    }
    .desktopclear {
        clear: none;
    }
    .wrapper .header {
        margin-left: 10px;
        margin-right: 10px;
        background-color:#f2f2f2;
    }
        .wrapper .header .fader {
            display: none;
        }
        .wrapper .header .title {
            background: none;
            float:none;
            width:100%;
            margin:0px;
            padding:0px;
        }
            .wrapper .header .title h1 {
                padding-left: 10px;
                padding-right:10px;
                font-size:20px;
                line-height:22px;
            }
    .wrapper .pnc-logo {
        background: url(../images/logo-small.png) no-repeat center left;
        width:100px;
        margin-left:20px;
    }
    .wrapper .visa-logo {
        margin-right: 10px;
        background: url(../images/icn-visa-checkout-small.png) no-repeat center right;
    }
    .wrapper .header .mobileimage img {
        width: 100%;
    }
    .wrapper .header .copy {
        width: auto;
        top:0px;
        padding-left: 0px;
        font-size:16px;
        padding:10px;
    }
    .wrapper .header .footer {
        background: -moz-linear-gradient(top, #5c6e7c 0%, #95a7b5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c6e7c), color-stop(100%,#95a7b5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #5c6e7c 0%,#95a7b5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #5c6e7c 0%,#95a7b5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #5c6e7c 0%,#95a7b5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #5c6e7c 0%,#95a7b5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c6e7c', endColorstr='#95a7b5',GradientType=0 ); /* IE6-9 */
    }
    .wrapper .header .checkout {
        width: auto !important;
    }
    .wrapper .header .footer p {
        padding:10px;
        padding-left: 10px;
        padding-right: 10px;
        font-size:16px;
        line-height:22px;
    }

    .wrapper .body {
        margin: 10px;
       
    }
        .wrapper .body .tout {
            float: none;
            width: 100%;
            margin-bottom:20px;
        }
            .wrapper .body .tout .content {
                min-height: 0px;
            }
                .wrapper .body .tout .content ul.ordered li .number {
                    position: absolute;
                }
                .wrapper .body .tout .content ul.ordered li p {
                    float: none;
                    width: auto;
                    margin-left: 25px;
                }
    .wrapper .shop {
        margin-left: 10px;
        margin-right: 10px;
        height:auto;
    }
    .wrapper .footer {
        text-align: left;
        margin-left:10px;
        margin-right:40px;
    }
    .interactive-popup .popupHolder {
        max-width: 100%;
        left:0px;
        margin-left:0px;
    }
    .image-holder img.mobileimg {
        width: 100%;
        float: right;
    }
    

}


@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .mobileimg {
        display: inline !important;
        width:100%;
    }
    .desktopimg {
        display: none !important;
    }
    .interactive-popup .popupHolder .copy .close {
        background: url(../images/bg-blue-circle@2x.png) no-repeat top left;
        width: 21px;
        height: 21px;
        background-size:21px 21px;
    }
    .wrapper .pnc-logo {
        background: url(../images/logo@2x.jpg) no-repeat center left;
        background-size:78px;
        background-position:20px;
        margin-left:0px;
    }
    .wrapper .visa-logo {
        background: url(../images/icn-visa-checkout@2x.png) no-repeat center right;
        background-size:124px;
        margin-left:0px;
    }
    .wrapper .header .checkout {
        background: url(../images/btn-visa@2x.png) no-repeat left center;
        background-size: 156px 39px;
    }
    .icn-simple {
        background: url(../images/icn-simple@2x.png) no-repeat left center;
        background-size:35px 28px;
    }
    .icn-fast {
        background: url(../images/icn-fast@2x.png) no-repeat left center;
        background-size:35px 26px;
    }
    .icn-secure {
        background: url(../images/icn-secure@2x.png) no-repeat left center;
        background-size:35px 28px;
    }
    .wrapper .body .tout .content ul.ordered li {
        background: url(../images/ol-bg@2x.png) no-repeat left top;
        background-size:21px 21px;
        background-position: 1px 2px;
    }
    .inline-visa-checkout {
        background: url(../images/btn-visa-checkout-small@2x.png) no-repeat bottom;
        background-size: 104px 24px;
    }
}