#montly-invoice-1 {
    left: 47%;
    top: 3%;
}

#montly-invoice-2 {
    left: 47%;
    top: 8%;
}

#montly-invoice-3 {
    left: 47%;
    top: 22%;
}

#montly-invoice-4 {
    left: 47%;
    top: 45%;
}

#montly-invoice-5 {
    left: 47%;
    top: 61.5%;
}

#montly-invoice-6 {
    left: 47%;
    top: 66.5%;
}

#montly-invoice-7 {
    left: 47%;
    top: 71%;
}

#montly-invoice-8 {
    left: 47%;
    top: 79%;
}

#montly-invoice-9 {
    left: 47%;
    top: 6%;
}

#montly-invoice-10 {
    left: 47%;
    top: 28%;
}

#montly-invoice-11 {
    left: 47%;
    top: 21.5%;
}

#montly-invoice-12 {
    left: 47%;
    top: 39%;
}

.montly-invoice-page-1 {
    background: url('/Portal.ToploTheme/images/invoices/montly-invoice/mobile/page1.png') no-repeat;
    background-size: contain;
    background-position-x: center;
    width: 100%;
    min-height: 38em;
}

.montly-invoice-page-2 {
    background: url('/Portal.ToploTheme/images/invoices/montly-invoice/mobile/page2.png') no-repeat;
    background-size: contain;
    background-position-x: center;
    width: 100%;
    min-height: 38em;
}

.montly-invoice-page-3 {
    background: url('/Portal.ToploTheme/images/invoices/montly-invoice/mobile/page3.png') no-repeat;
    background-size: contain;
    background-position-x: center;
    width: 100%;
    min-height: 38em;
}

@media(min-width:1050px) {

    .montly-invoice-page-1 {
        background: url('/Portal.ToploTheme/images/invoices/montly-invoice/page1.png') no-repeat;
        background-size: 100% 100%;
        width: 50%;
        min-height: 38em;
    }

    .montly-invoice-page-2 {
        background: url('/Portal.ToploTheme/images/invoices/montly-invoice/page2.png') no-repeat;
        background-size: 100% 100%;        
        width: 50%;
        min-height: 38em;
    }

    .montly-invoice-page-3 {
        background: url('/Portal.ToploTheme/images/invoices/montly-invoice/page3.png') no-repeat;
        background-size: 100% 100%;
        width: 50%;
        min-height: 38em;
    }
}