@media only screen and (max-width:498.98px) {
    #content main .table-data .head h3{
        font-size: 18px;
    }
}

@media only screen and (max-width:767.98px) {
    .siteHeader {
        margin: 0 0rem;
        padding: 6px 0.5rem;
    }

    .siteHeader .callSpan,
    .siteHeader .socialSpan {
        display: none;
    }

    .sec1Content h2 {
        font-size: 3.5rem;
    }

    .sec1Content p {
        font-size: 15px;
        margin-top: 1rem;
    }

    .commonSec {
        padding: 1rem 1rem;
    }
    .sec1{
        min-height: 18rem;
        background-image: url(../img/headerBG.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 4rem;
    }
    .aboutSec{
        grid-template-columns: 100%;
        gap: 1rem;
    }
    .aboutSec .aboutLft .abtBG{
        display: none;
    }
    .aboutSec .aboutRight p{
        margin-top: 0;
        margin-left: 0;
    }
    .aboutSec .aboutRight h2{
        font-size: 3rem;
        margin-left: 0;
    }
    .categoriesGrid, .busInfoSec, .footerSec, .categoryGrid, .productDesc, .productDescLft{
        grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    }
    .busInfoSec .busCard:not(:last-child){
        border-bottom: 2px solid var(--primary_clr);
        border-right: 0;
    }
    .categories .categoryCard{
        min-width: 100%;
    }
    .footerCard:not(:last-child){
        border-right: 0;
        border-bottom: 3px solid var(--primary_clr);
    }
    .siteHeader img{
        height: 45px;
    }
    .productDescLft .productDescLft1{
        grid-area: 2;
        flex-direction: row;
        gap: 1rem;
    }
    .productDescLft1 img{
        height: 6rem;
    }
    .productDescRght{
        padding: 0 0;
    }
}

@media only screen and (min-width:768px) and (max-width:1098.98) {}

@media only screen and (min-width:1099px) {}