@media only screen and (min-width:768px) and (max-width:980px) {
    .header li {
        font-size: 14px;
    }

    .nav-ul li {
        font-size: 10px;
    }
    .subscribebtn {
        padding: 5px 5px !important;
        border-radius: 6px !important;
    }
    .header ul li ul.submenuul {
        width: 300px;
    }

    .header li a, #lblsignOut {
        font-size: 12px !important;
    }
    .performance-main {
        margin: 0 auto;
        width: 100% !important;
    }
    .eachperformancediv {
        width: 14% !important;
    }
    .header ul li ul.submenuul li {
        padding: 10px 10px !important;
    }
    .sub-pricingmaindiv, .sub-allplandetails {
        width: 90%;
        margin: 0px auto;
    }
    .allplans {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 25px;
        margin-bottom: 30px;
    }
    .minplan {
        width: 100%;
        margin-bottom: 30px;
    }
    .faq-section {
        margin: 0 auto;
        width: 90%;
    }
    .modal {
        width: 80%;
        margin: 0 auto;
    }
    .paymentinformation {
        width: 90%;
        margin: 0 auto;
    }
    .input-group .label {
        display: block;
        font-size: 10px;
    }
    .successpanel {
        width: 80%;
        margin: 0 auto;
    }
    .invoicediv {
        width: 90%;
        margin: 0 auto;
    }
        .invoicediv table tbody tr td {
            font-size: 12px;
        }
    }