@media (orientation: portrait) and (max-width: 600px) {
.mobile{display:block;}
.desktop{display:none;}

}

@media screen and (max-width: 1600px) {
body{font-size:11px;}
}
@media screen and (max-width: 1400px) {


}
@media screen and (max-width: 1366px) {

}
@media screen and (orientation: landscape) and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width:990px) {

}	
  

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

}

@media screen and (max-width:480px){
body{font-size:12px;}
header .leftside{padding:0; min-height:inherit;}
.logo{ width:100%; max-width:100%; margin:0;}
.form{width:100%; height:inherit; margin-top:25px;}
.loginform{width:90%; position:static; margin-top:20px; margin-left:5%; transform:none}
.innerpage{margin-top:10em;}
.userpicdiv{text-align:center; margin-bottom:10em;}
.userpicSrc, #imgdrqr{width:60%;}
.imageEditDiv{min-height:60%; max-height:60%;}
.videoPop video{width:100vw; height:auto;}
}