/*MEDIA QUERY*/
@media screen and (min-width: 240px) and (max-width: 768px) {
.left-bar{ border-left:none;}
.left{ padding-left:0;}
.login-form{ width:100%; margin-top:0px;}
.nav-collapse{ visibility:hidden;}
}
@media screen and (min-width: 320px) { 
.left-bar{ border-left:none;}
.left{ padding-left:0;}
.login-form{ width:100%; margin-top:0px;}
.nav-collapse{ visibility:hidden;}
}
@media screen and (min-width: 480px) and (max-width: 800px) {
.left-bar{ border-left:1px solid #e3e2e7;}
.left{ padding-left:0;}
.login-form{ width:100%; margin-top:30px; margin-right:40px;}
.nav-collapse{ visibility:hidden;}
}
@media screen and (min-width: 768px) { 
.left-bar{ border-left:1px solid #e3e2e7;}
.left{ padding-left:10px;}
.login-form{ width:80%; margin-top:50px; margin-right:40px;}
.nav-collapse{ visibility:visible;}
}
@media screen and (min-width: 1000px) { 
.left-bar{ border-left:1px solid #e3e2e7;}
.left{ padding-left:10px;}
.login-form{ width:50%; margin-top:100px; margin-right:40px;}
.nav-collapse{ visibility:visible;}
}