/*
  320px — 480px: Mobile devices
  481px — 768px: iPads, Tablets
  769px — 1024px: Small screens, laptops
  1025px — 1200px: Desktops, large screens
  1201px and more —  Extra large screens, TV 
  @media only screen and (min-width: 480px) and (max-width: 720px){}

*/

@media (max-width: 480px) {
    .logo {
    font-size: 22px;
}
    .login-form {
        margin-top: 50px;
        width: 100%;
    }
    section#login_form {
    margin-bottom: 90px;
}
    .submit_btn button {
    width: 155px;
}
    .menu ul li a span {
        display: none;
    }
    .footer_nav {
        width: 100%;
    }
    .footer_nav ul li {
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    .footer_nav ul li a {
        text-align: center;
        width: ;
    }
    .help {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
     .logo {
    font-size: 22px;
}.menu ul li {
    margin: 0px 5px;
}
.login-form {
        margin-top: 50px;
        width: 100%;
    }
    section#login_form {
    margin-bottom: 90px;
}
    .submit_btn button {
    width: 155px;
}
    .menu ul li a span {
        display: none;
    }
    .footer_nav {
        width: 100%;
    }
    .footer_nav ul li {
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    .footer_nav ul li a {
        text-align: center;
        width: ;
    }
    .help {
        display: none;
    }
}

@media only screen and (min-width: 600px) and (max-width: 720px) {
    .login-form {
        width: 66%;
    }section#login_form {
    margin-bottom: 90px;
}
    .footer_nav {
        width: 100%;
    }
    .footer_nav ul li {
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    .footer_nav ul li a {
        text-align: center;
        width: ;
    }
    .help {
        top: 50% !important;
    }
}

@media only screen and (min-width: 721px) and (max-width: 960px) {
    .login-form {
        width: 66%;
    }
    .footer_nav {
        width: 80%;
    }
    .footer_nav ul li {
        width: 110px;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1080px) {
    .footer_nav {
        width: 80%;
    }
    .footer_nav ul li {
        width: 110px;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1200px) {}