@media (min-width:300px) and (max-width:349px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }


    .align-label {
        padding-top: 7px;
        text-align: left;
    }


    .datepicker table {
        margin-left: 10px;
        width: 100% !important;
    }
}

@media (min-width:350px) and (max-width:399px) {

    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }


    .align-label {
        padding-top: 7px;
        text-align: left;
    }

    .datepicker table {
        margin-left: 10px;
        width: 100% !important;
    }
}

@media (min-width:400px) and (max-width:500px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }

    .align-label {
        padding-top: 7px;
        text-align: left;
    }

    .datepicker table {
        margin-left: 0px;
        width: 100% !important;
    }
}

@media (min-width:501px) and (max-width:599px) {

    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }

    .align-label {
        padding-top: 7px;
        text-align: left;
    }
}

@media (min-width:600px) and (max-width:699px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }

    .align-label {
        padding-top: 7px;
        text-align: left;
    }
}

@media (min-width:700px) and (max-width:730px) {

    .StudInfo {
        font-weight: bold;
        margin-left: 168px;
    }

    .align-label {
        padding-top: 7px;
        text-align: left;
    }
}



@media (min-width:768px) and (max-width:939px) {

    .StudInfo {
        font-weight: bold;
        margin-left: 215px;
    }

    .align-label {
        padding-top: 7px;
        text-align: left;
    }
}

@media (min-width:940px) and (max-width:999px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 215px;
    }

    .align-label {
        padding-top: 7px;
        text-align: left;
    }
}

@media (min-width:1000px) and (max-width:1149px) {

    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }


    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        margin: 12px 0 0 1px !important;
    }

    .dropdown-toggle.round_bell {
        position: relative;
        top: 5px;
    }

    .dropdown.dropdown-user.align a {
        display: block;
        position: relative;
        top: 13px;
    }
}

@media (min-width:1150px) and (max-width:1199px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 0px 5px 8px !important;
    }

    .page-header .page-header-top .top-menu {
        width: 62%;
    }

    .page-header .page-header-top .page-logo {
        width: 38% !important;
    }
}


@media (min-width:1200px) and (max-width:1329px) {

    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        padding: 0px 5px 8px !important;
    }

    .dropdown-toggle.round_bell {
        position: relative;
        top: -8px;
    }

    .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
        margin: 24px 0 0 1px !important;
    }
}


@media (min-width:1330px) and (max-width:1369px) {

    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }
}


@media (min-width:1370px) and (max-width:1500px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }

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

@media (min-width:1501px) and (max-width:1600px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }
}

@media (min-width:1800px) and (max-width:2050px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }
}

@media (min-width:1900px) and (max-width:1920px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }
}

@media (min-width:2051px) and (max-width:2600px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 250px;
    }
}



@media screen and (max-width: 640px) and (min-width: 320px) {
    .StudInfo {
        font-weight: bold;
        margin-left: 18px;
    }

    .page-logo.inner_way h2 {
        height: 75px;
    }

    .menu_links {
        height: 45px;
    }

    .sliced_img::after {
        height: 45px;
        right: -22px;
        width: 45px;
    }

    .desktop_img {
        float: left;
        width: auto;
    }

        .desktop_img img {
            padding: 10px;
        }

    .desktop_txt {
        float: inherit;
        width: auto;
    }

    .sliced_img {
        width: 80%;
    }

    .desktop_txt h2 {
        font-size: 16px;
        height: 45px;
    }

    #lblMember {
        left: 0;
        position: relative;
        top: 0;
    }

    #lblAssiged {
        left: 0;
        position: relative;
        top: 0;
    }


    .dataTables_wrapper.no-footer {
        margin: 0;
    }

    .input-small {
        width: auto !important;
    }

    .dataTables_filter > label {
        float: right;
    }

    .input-small {
        width: auto !important;
    }

    .sliced_link {
        width: 100%;
    }

    .sliced_img {
        width: 82%;
    }

    .sliced_link > ul {
        float: inherit;
        padding: 0;
        width: 100%;
    }

    .sliced_link li {
        border-bottom: 1px solid #eee;
        height: 45px;
        padding-left: 0;
        padding-right: 0;
        width: 33.3% !important;
    }

    .sliced_link span {
        display: table;
        margin: 0 auto;
        top: 13px;
    }

    .portlet.light.portlet-fit.portlet-form > .portlet-body {
        padding: 50px 0 0;
    }

    element.style {
        display: block;
        left: 85px;
        top: 3744.53px;
    }

    .datepicker-dropdown.datepicker-orient-left::before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left::after {
        right: 7px;
    }

    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        left: 20px !important;
    }

    .label {
        color: #fff;
        font-size: 11px;
        text-shadow: none !important;
    }

    .container.mobile_resize {
        padding-left: 0;
        padding-right: 0;
    }

    .user_btn li {
        width: 100% !important;
    }


    .superman {
        position: relative;
    }

    .export_btn {
        display: table;
        margin: 15px auto 0;
    }

    .btn.btn-default.gender.active {
        width: 100px !important;
        position: relative;
    }
}

@media screen and (max-width: 800px) and (min-width: 700px) {



    #lblAssiged {
        right: 0;
        top: 0;
    }

    #lblMember {
        left: 16px;
        position: relative;
        top: 0;
    }

    #dvButtons > ul {
        left: -18px;
    }

    .desktop_img {
        float: left;
        width: auto;
    }


    .desktop_txt {
        float: inherit;
        width: auto;
    }

    .sliced_img::after {
        background: #7e79d1 none repeat scroll 0 0;
        content: "";
        height: 60px;
        position: absolute;
        right: -35px;
        top: 0;
        transform: skew(38deg);
        width: 58px;
    }

    .sliced_img {
        background: #7e79d1 none repeat scroll 0 0;
        float: left;
        height: 100%;
        position: relative;
        width: 40%;
    }

    .sliced_link li {
        border-left: 1px solid #e8e8e8;
        height: 60px;
        margin: 0;
        padding-left: 31px;
        padding-right: 35px;
        position: relative;
    }
}

@media screen and (max-width: 999px) and (min-width: 799px) {

    #lblAssiged {
        right: 0;
        top: 0;
    }

    #lblMember {
        left: 16px;
        position: relative;
        top: 0;
    }

    #dvButtons > ul {
        left: -18px;
    }

    .desktop_img {
        float: left;
        width: auto;
    }


    .desktop_txt {
        float: inherit;
        width: auto;
    }

    .container.mobile_resize {
        padding-left: 0;
        padding-right: 0;
    }

    .sliced_img::after {
        background: #7e79d1 none repeat scroll 0 0;
        content: "";
        height: 60px;
        position: absolute;
        right: -35px;
        top: 0;
        transform: skew(38deg);
        width: 58px;
    }

    .sliced_img {
        background: #7e79d1 none repeat scroll 0 0;
        float: left;
        height: 100%;
        position: relative;
        width: 40%;
    }
}






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


    #dvButtons > ul {
        display: table;
        margin: 0 auto;
        padding: 0;
        position: relative;
        top: 0;
    }

    .adjustment .col-lg-5 {
        width: 100%;
    }

    .adjustment .col-lg-2 {
        width: 100%;
    }
}