@media only screen and (max-width: 1024px) {
    .spectra-login-sec {
        background-size: 100%;
    }
}

@media only screen and (max-width: 812px) {
    .hello-text {
        font-size: 3em;
        padding: 17px 0 20px;
    }
    a.forgot-ur-pswd {
        width: 100%;
    }
    .rem-n-forget a,
    .rem-n-forget p {
        font-size: 12px;
    }
    .mob-menu {
        display: block;
    }
    .nav ul {
        display: none;
    }
    .signin-or {
        font-size: 16px;
    }
    .spectr-copyrights ul li a,
    footer p {
        font-size: 14px;
    }
    .nav ul {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #000;
        padding: 20px 0;
        text-align: left;
        z-index: 9999;
    }
    .nav ul li {
        display: block;
        text-align: center;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .nav li a {
        font-family: "Helvetica-Neue";
        border-top: 1px solid #ccc;
        padding: 10px 0;
        font-size: 16px;
    }
    .nav li:last-child a {
        border-bottom: 1px solid #ccc;
    }
    .wifiManagementUserInfo {
        padding: 16px 0;
    }
    .wifiManagementUserInfo .col-md-6.col-sm-6.col-xs-12.text-right {
        text-align: center;
        margin: 10px 0;
    }
    .my-snav ul li a {
        font-size: 16px;
        width: auto;
        padding: 10px 25px;
    }
    .wifiMng_search,
    .wifiMng_addUser {
        float: none;
        display: inline-block;
    }
    .ActiveAndInactiveUser ul li a {
        font-size: 14px;
        padding: 0 5px;
        margin: 0;
    }
    .wifiMng_search,
    .wifiMng_addUser {
        margin: 0 0 0 9px;
    }
    .wifiMng_addUser a {
        padding: 4px 20px;
    }
    .wifiMng_search input.search {
        width: 120px;
    }
    .wifiPlanPackage ul li a {
        font-size: 16px;
        padding: 6px 10px;
    }
    .table-responsive {
        margin: 0;
        border: none;
    }
    .domainSearch .wifiMng_search {
        width: 300px;
        float: none !important;
        margin: 0 auto
    }
    .domainSearch .wifiMng_search input {
        width: 100%;
    }
    .plan-status {
        min-width: 120px;
    }
    .wifimanagemnt_datainfo table tr th {
        min-width: 110px;
    }
    .faq-sect .confusion-box {
        min-height: 180px;
    }
    .howItWorks {
        padding: 16px 0;
    }
    .wifiManagementUserInfo h3 {
        font-size: 24px;
    }
    .addUserGuest {
        margin: 16px 0 0 0;
    }
}

@media only screen and (max-width: 750px) {
    .spectra-login-sec {
        background: #000;
        padding: 32px 0;
        height: auto;
    }
    .login-sec {
        width: 80%;
    }
    .hello-text {
        font-size: 3em;
        padding: 4px 0 20px;
    }
    .logo-sec {
        width: 115px;
    }
    .logo-sec img {
        height: 56px;
	float: left
    }
    .my-snav ul li a {
        padding: 6px 16px
    }
    .pagination>li>a,
    .pagination>li>span {
        font-size: 13px;
        padding: 7px;
    }
    ul.download-file-format,
    .wifi-pagination {
        text-align: center;
    }
    .faq-sect .confusion-box h3 {
        font-size: 22px;
    }
    .faq-sect .confusion-box p {
        font-size: 16px;
        padding: 5px 0;
        margin: 0;
    }
    .wifiManagementUserInfo h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .addUserGuest {
        width: 100%;
    }
    .hello-text {
        font-size: 2.2em;
    }
    .spectra-login-sec {
        padding: 32px 0 110px 0;
    }
}