@media (max-width: 425px) {
    .font-13-sm {
        font-size: 13px !important;
    }
    .font-12-sm {
        font-size: 12px !important;
    }
    .font-11-sm {
        font-size: 11px !important;
    }
    .font-10-sm {
        font-size: 10px !important;
    }
    .font-9-sm {
        font-size: 9px !important;
    }
    .font-8-sm {
        font-size: 8px !important;
    }
    .font-10-searchbar-sm {
        font-size: 10px !important;
        height: 26px !important;
    }
    .fa-10-sm {
        font-size: 10px !important;
        padding: 8px 5px !important;
        height: 26px !important;
    }
    .img-sm {
        width: 30px !important;
        height: 20px !important;
    }
    .banner-sm {
        /* height: 195px !important; */
        height: 100% !important;
        background-position: center center !important; 
    }
    .searchdiv-sm {
        margin-top: 30px !important;
    }
    .headerheight-sm {
        height: 190px !important;
    }
    .accordion-sm {
        padding: 10px !important;
    }
    .leftsticky-sm {
        padding: 25px 10px 10px 0px !important;
    }
    .stickyli-sm {
        line-height: initial !important; 
        margin-bottom: 14px !important;
    }
    .panel.font-9-sm  img {
        width: 115% !important;
        height: auto !important;
    }
    .padding-top-sm {
        padding: 1px 10px !important;
    }

    .line-height-1 {
        line-height: 0px !important;
    }
    .app-sm {
        padding: 0px 5% 0px 5% !important;
    }
    .inputhud-sm {
        padding:7px 25px 7px 35px !important;
    }
    .fahud-sm {
        font-size: 10px !important;
        padding: 10px !important;
    }
    .fonthud-20-sm {
        font-size: 10px !important;
    }
    
    


}


/* tablet */
@media (max-width: 800px) and (min-width: 426px) {
    .font-13-sm {
        font-size: 17px !important;
    }
    .font-12-sm {
        font-size: 16px !important;
    }
    /* .font-11-sm {
        font-size: 11px !important;
    } */
    .font-10-sm {
        font-size: 13px !important;
    }
    /* .font-9-sm {
        font-size: 9px !important;
    } */
    /* .font-8-sm {
        font-size: 8px !important;
    } */
    .font-10-searchbar-sm {
        font-size: 15px !important;
        height: 43px !important;
    }
    .fa-10-sm {
        font-size: 17px !important;
        padding: 14px 9px !important;
        height: 26px !important;
    }
    .img-sm {
        width: 40px !important;
        height: 30px !important;
    }
    /* .banner-sm {
        height: 195px !important;
        background-position: center center !important; 
    } */
    /* .searchdiv-sm {
        margin-top: 30px !important;
    } */
    .headerheight-sm {
        height: 243px !important;
    }
    /* .accordion-sm {
        padding: 10px !important;
    } */
    .leftsticky-sm {
        padding: 25px 10px 10px 0px !important;
    }
    .stickyli-sm {
        line-height: initial !important; 
        margin-bottom: 14px !important;
        font-size: 12px !important;
    }
    /* .panel.font-9-sm  img {
        width: 115% !important;
        height: auto !important;
    } */
    /* .padding-top-sm {
        padding: 1px 10px !important;
    } */

    /* .line-height-1 {
        line-height: 0px !important;
    } */
    .app-sm {
        padding: 0px 3% 0px 3% !important;
    }
    .inputhud-sm {
        padding:10px 35px 10px 55px !important;
    }
    .fahud-sm {
        font-size: 15px !important;
        padding: 14px !important;
    }
    .fonthud-20-sm {
        font-size: 15px !important;
    }


}


/* laptop S */
@media (max-width: 1230px) and (min-width: 801px) {
    .banner-sm {
        /* height: 275px !important; */
        height: 100% !important;
        background-position: center center !important; 
    }
    .app-sm {
        padding: 30px 30px 30px 30px !important;
    }
    .font-10-searchbar-sm {
        font-size: 18px !important;
        height: 43px !important;
    }
    .inputhud-sm {
        padding:10px 35px 10px 55px !important;
    }
    .fahud-sm {
        font-size: 18px !important;
        padding: 14px !important;
    }
    .fonthud-20-sm {
        font-size: 18px !important;
    }
}


/* laptop L */
@media (max-width: 1440px) and (min-width: 1231px) {
    .banner-sm {
        /* height: 275px !important; */
        height: 100% !important;
        background-position: center center !important; 
    }
    .app-sm {
        padding: 30px 30px 30px 30px !important;
    }
    .font-10-searchbar-sm {
        font-size: 20px !important;
        height: 43px !important;
    }
    .inputhud-sm {
        padding:10px 35px 10px 60px !important;
    }
    .fahud-sm {
        font-size: 20px !important;
        padding: 15px !important;
    }
    .fonthud-20-sm {
        font-size: 20px !important;
    }
}


/* monitor */
@media (min-width: 1441px) {
    .banner-sm {
        /* height: 195px !important; */
        height: 100% !important;
        background-position: center center !important; 
    }
    .font-10-searchbar-sm {
        font-size: 35px !important;
        height: 43px !important;
    }
    .inputhud-sm {
        padding:15px 50px 15px 90px !important;
    }
    .fahud-sm {
        font-size: 35px !important;
        padding: 24px !important;
    }
    .fonthud-20-sm {
        font-size: 35px !important;
    }
}