@media (max-width:991px) {
    .login-section {
        margin-top: 0px;
        padding: 20px 20px 10px 20px;
    }

    .page-header.navbar {
        background-color: #011c28 !important;
    }

        .page-header.navbar.navbar-fixed-top {
            z-index: 999;
            border-bottom: 1px solid #c4c4c4;
        }

        .page-header.navbar .page-logo .logo-default {
            margin: 0px 11px 0 10px !important;
        }

    .page-sidebar.navbar-collapse.in {
        margin: 0px !important;
    }

    .page-sidebar-fixed .page-sidebar {
        border-right: 0px solid #c4c4c4;
    }

    .page-sidebar {
        width: auto !important;
    }

    .page-sidebar-fixed .page-sidebar {
        top: 0 !important;
    }

    .page-sidebar-fixed .page-footer {
        margin-left: 0px;
    }

    .page-content-wrapper .page-content {
        min-height: 845px !important;
    }

    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 23px 6px 0 6px;
    }

    .page-header.navbar {
        height: 80px;
        min-height: 80px;
    }

    body {
        background: #fff;
    }

    .page-header.navbar .top-menu .navbar-nav {
        margin: 13px 20px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            background-color: transparent;
        }

    .xs-hidden {
        display: none;
    }

    .page-sidebar, .page-sidebar.in {
        margin: 0 0px 0px 0px !important;
    }

    .page-header.navbar .page-logo {
        width: 100%;
    }

    .page-header.navbar {
        padding: 0 0px 0 20px;
    }

        .page-header.navbar .page-logo {
            box-shadow: 0 0px 0px 0px #000;
        }

        .page-header.navbar.navbar-fixed-top {
            border-bottom: 0px solid #c4c4c4;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        }

    .padding-bottom-52 {
        padding-bottom: 10px !important;
    }

    .info-user-div {
        display: none !important;
    }

    .grid-item {
        width: 50%;
    }

    .grid-sizer {
        width: 50%;
    }

    .dropdown-content1 {
        right: 0;
    }
}

@media (max-width:767px) {
    .login-section {
        margin-top: 0px;
        padding: 20px 20px 10px 20px;
    }

    .portlet.light {
        padding: 25px 20px 25px 20px;
    }

    .grid-item {
        width: 100%;
    }

    .grid-sizer {
        width: 100%;
    }

    .pull-left-sm {
        float: left !important;
    }

    .pull-none-sm {
        float: none !important;
    }

    .table-responsive {
        margin-bottom: 0px;
    }

    .dropdown-content1 {
        right: 0;
    }

    .tabs-left.nav-tabs {
        border-right: 0px solid #dedede;
    }

        .tabs-left.nav-tabs.text-right {
            text-align: left;
        }

    .my-invite-label {
        margin-bottom: 0px;
    }

    .first-form-group {
        margin-bottom: 10px !important;
    }

    .second-form-group {
        margin-bottom: 25px !important;
    }

    .myclose {
        margin: 0vh 0vh 0 0;
    }


    .login-box {
        margin: 15px -10px 0 -10px !important;
    }
}

@media (max-width:600px) {
    ul > li > a {
        text-shadow: none;
        color: #e9ecf3;
    }

    .invite-textbox {
        width: 40%;
    }

    .invite-default {
        width: 60%;
    }
}

@media (max-width: 480px) {
    .page-sidebar, .page-sidebar.in {
        margin: 0 0px 0px 0px !important;
    }

    .invite-textbox {
        width: 35%;
    }

    .invite-default {
        width: 65%;
    }

    .subscription-detail p {
        font-size: 14px;
    }

    .login-section {
        padding: 0px !important;
    }

    .subscription-minus-btn {
        padding: 12px 7px;
    }

    .subscription-plus-btn {
        padding: 12px 7px;
    }
}

@media (min-width:321px) and (max-width:333px) {
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: 23px 0px 0 0px;
    }
}

@media (max-width:320px) {
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin: -42px 0px 0 0px;
    }
}

@media (min-width:517px) and (max-width:991px) {
    .navbar-nav > li > a {
        padding-top: 19px;
        padding-bottom: 9px;
        color: #727399 !important;
    }

    .navbar-nav > li > p {
        padding-top: 0px;
        padding-bottom: 0px;
        color: #727399 !important;
        font-weight: 900;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 19px 0px 22px 0px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
        color: #727399;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
        color: #727399;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
        color: #727399;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username:hover {
        color: #727399 !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
        color: #727399 !important;
    }

    .page-header.navbar .top-menu .navbar-nav {
        margin: 5px 5px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            padding: 0px 0px;
        }
}

@media (min-width:497px) and (max-width:516px) {
    .page-header.navbar .top-menu .navbar-nav {
        margin: 5px 5px;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
            padding: 40px 6px 22px 8px;
        }

    .navbar-nav > li > a {
        padding-top: 40px;
        padding-bottom: 14px;
    }
}

@media screen and (max-width:496px) {
    .page-header.navbar .top-menu .navbar-nav {
        margin: 5px 5px;
    }

    .feedback {
        margin: 60px 30px 0 30px;
    }

        .feedback:first-child {
            margin: 0px 30px 0 30px;
        }
}

@media (min-width:517px) and (max-width:526px) {
    .navbar-nav > li > a {
        padding-top: 40px;
        padding-bottom: 20px;
        color: #ffffff !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 40px 0px 22px 0px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
        margin-top: 25px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
        color: #fff !important;
    }
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }
}

@media (min-width: 992px) {
    .page-content-wrapper .page-content {
        margin-top: 80px;
    }
}

@media (max-width: 1199px) {
    .home-button-group {
        float: left !important;
        margin-top: 0 !important;
    }
}