@import url("vedanta.css");


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
    .homeicon, .loginlogo { 
        width:100%
    }    

    .personimg {
        height: 100px;
        width: 100px !important;
        margin-top: -120px;
        margin-bottom: 20px;        
    }
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
    .homeicon, .loginlogo { 
        width:100%
    }    

    .personimg {
        height: 300px;
        width: 300px !important;
        margin-top: -400px;
        margin-bottom: 100px;                
    }
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:100%
    }    
    .personimg {
        height: 100px;
        width: 100px !important;
        margin-top: -120px;
        margin-bottom: 20px;                
    }    
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:50%
    }  
    .personimg {
        height: 50px;
        width: 50px !important;
        margin-top: -60px;
        margin-bottom: 10px;                
    }      
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:50%
    } 

    .personimg {
        height: 150px;
        width: 150px !important;
        margin-top: -160px;
        margin-bottom: 20px;                
    }       
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:50%
    }

    .personimg {
        height: 128px;
        width: 128px !important;
        margin-top: -155px;
        margin-bottom: 27px;                
    }    
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:25%
    }

    .personimg {
        height: 80px;
        width: 80px !important;
        margin-top: -100px;
        margin-bottom: 20px;                
    }    
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:25%
    }

    .personimg {
        height: 25px;
        width: 25px !important;
        margin-top: -35px;
        margin-bottom: 10px;                    }    
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:100%
    }   

    .personimg {
        height: 100px;
        width: 100px !important;
        margin-top: -120px;
        margin-bottom: 20px;                
    }     
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:100%
    }  

    .personimg {
        height: 100px;
        width: 100px !important;
        margin-top: -120px;
        margin-bottom: 20px;                
    }      
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
    .homeicon,.loginlogo { 
        width:100%
    } 

    .personimg {
        height: 120px;
        width: 120px !important;
        margin-top: -140px;
        margin-bottom: 20px;                
    }       
}

.personimg {
    margin-left: auto;
    margin-right: auto;
   display: block;

}