/**** max-width: 420px ***/
@media screen and (max-width: 420px) {
       .hnmtop{
            padding-left: 0px;
               font-size: 12px;
       }
       .sidebar-menu{
            padding-top: 13%;
       }
       .content-wrapper{
            padding-top: 9%;
       }
    .doctor_listing{
        width: 100%;
        position: relative;
        float: left;
    }
    .appareaa{
        width:100%;
        
    }
    .margin0res{
        margin: 0px;
    }
}


 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .loginformwidth{
        width: auto !important;
    }
}

 @media only screen and (min-device-width : 481px) and (max-device-width : 1024px) {
    .loginformwidth{
            width: 50% !important;
            margin-left: 20% !important;
    }
    
}

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
 .blklip{
        margin-left: 40% !important;
    }
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
     .blklip{
        margin-left: 60% !important;
    }
}