@media screen and (max-width: 1280px) {
    #ledger-sheet {
        height: 288px;
        width: 408px;
        bottom: -78px;
        right: -150px;
    }

    #bankCredit-card {
        left: -8px;
    }

    #bank-transaction {
        top: -78px;
        left: -6px;
    }

    #ledger-sheet b #ledger-sheet-inner {
        top: 76px;
        left: 152px;
        height: 98px;
        width: 127px;
    }

    #debit-box span:nth-child(3) {
        left: 90px;
    }

    #debit-box span:nth-child(4) {
        left: 65px;
    }

    #credit-box span:nth-child(3) {
        left: 85px;
    }

    #inner-logo {
        top: 45px;
        left: 172px;
    }

    .ipad-left {
        left: -11%;
    }

    .ipad-right-loader {
        display: none;
    }

    #debit-box {
        font-size: 8px;
    }

    #credit-box {
        font-size: 8px;
    }

    #ledger-sheet-inner b {
        width: 114px;
    }

    #debit-box::before {
        left: 60px;
    }

    #credit-box::before {
        left: 60px;
    }

    #credit-box #line {
        left: 85px;
    }

    #debit-box #line {
        left: 85px;
    }

    #credit-box span:nth-child(3) {
        left: 63px;
    }

    #credit-box span:nth-child(4) {
        left: 89px;
    }


    #debit-box {
        top: 25px;
    }

    #shet-heading span {
        font-size: 8px;

    }

    #shet-heading span:nth-child(1) {
        left: 70px;
    }

    #shet-heading span:nth-child(2) {
        left: 94px;
    }

    #shet-heading span:nth-child(3) {
        left: 69px;
        bottom: -87px;
    }

    #shet-heading span:nth-child(4) {
        left: 94px;
        bottom: -87px;
    }

    #debit-box::before {
        height: 49px;
    }

    #credit-box::before {
        height: 49px;
    }

    #debit-box #line {
        height: 49px;
    }

    #credit-box #line {
        height: 49px;
    }

}

@media screen and (max-width: 1116px) {
    .ipad-left {
        left: -20%;
    }
}

@media screen and (max-width: 1070px) {
    #ledger-sheet {
        height: 288px;
        width: 408px;
        bottom: -68px;
        right: -150px;
    }

    @-webkit-keyframes rain {
        0% {
            -webkit-transform: translateY(-55px) translateX(-30px) scale(0.5) rotate(0deg);
            transform: translateY(-55px) translateX(-30px) scale(0.5) rotate(0deg);
        }

        50% {
            -webkit-transform: translateY(30px) translateX(-30px) scale(0.7) rotate(90deg);
            transform: translateY(30px) translateX(-30px) scale(0.7) rotate(90deg);

        }

        100% {
            -webkit-transform: translateY(235px) translateX(150px) scale(1.01) rotate(90deg);
            transform: translateY(235px) translateX(150px) scale(1.01) rotate(90deg);

        }

    }
}



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

    @-webkit-keyframes rain {
        0% {
            -webkit-transform: translateY(-55px) translateX(-30px) scale(0.5) rotate(0deg);
            transform: translateY(-55px) translateX(-30px) scale(0.5) rotate(0deg);
        }

        50% {
            -webkit-transform: translateY(30px) translateX(-30px) scale(0.7) rotate(90deg);
            transform: translateY(30px) translateX(-30px) scale(0.7) rotate(90deg);

        }

        100% {
            -webkit-transform: translateY(80px) translateX(150px) scale(1.01) rotate(90deg);
            transform: translateY(80px) translateX(150px) scale(1.01) rotate(90deg);

        }

    }

    .ipad-right-loader {
        display: block;
    }

    .ipad-left {
        left: -15%;
    }

    #bank-transaction {
        left: 10%;
    }

    #bankCredit-card {
        left: 7%;
    }

    #ledger-sheet {
        right: 7%;
    }

    #togglebtn1 {
        display: none;
    }

    #togglebtn2 {
        display: block;
    }

    .modalposition {
        top: 60px;
    }
}

@media screen and (max-width: 898px) {
    #ledger-sheet {
        bottom: -20px;
        right: -16px;
    }
}

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

    .ipad-left {
        display: none;
    }

    .ipad-right-loader {
        display: none;
    }
}

@media screen and (max-width: 743px) {
    .bank-to-books {
        display: none;
    }

    .chatbot {
        display: none;
    }
}

@media (max-width: 820px) {
    .content-inner-02-box-bank {
        display: block;
        /* or another suitable display property */
    }

    .content-inner-02-box-chat {
        display: block;
        /* or another suitable display property */
    }

    .home-bank-chat {
        align-items: center;
    }
}

@media screen and (max-width: 640px) {
    .lappy {
        height: 450px;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(20%);
    }

    .lappy-bg:after {
        height: 500px;
    }
}

@media screen and (max-width: 520px) {
    .lappy {
        height: 400px;
    }

    .lappy-bg:after {
        height: 450px;
    }
}

@media screen and (max-width: 400px) {
    .lappy {
        height: 320px;
    }

    .lappy-bg:after {
        height: 360px;
    }
}

@media screen and (max-width: 360px) {
    .lappy {
        height: 220px;
    }

    .lappy-bg:after {
        height: 260px;
    }
}