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

    /*-*/

    .prd-row .action {

        right: 25px;

    }



    .hr-menu .brand{

        width: 100%;

    }



    .hr-menu .horizontal-menu {

        margin: 10px 0;

    }



    .hr-menu .hr-top-nav {

        margin-top: 10px;

        float: right;

    }

    .media-gal .item {

        width: 100%;

    }



    .media-filter {

        margin: 25px 0;

    }

}



@media (min-width: 480px) and (max-width: 767px) {

  .header{

    position: relative! important;

    margin-top: 80px ! important;

}

    .merge-header{

        margin-right: 0px !important;

    }

.brand{

    width: 100%;

    float: none;

    position: fixed;

    top: 0px;

    z-index: 1005;

}

    .sidebar-toggle-box{

        right: 10px;

    }

    .top-nav{

        margin-bottom: 20px;

    }

    .top-menu{

        margin-right: 10px;

    }

    .wrapper{

        margin-top: 0px;

    }

    ul.sidebar-menu {

        margin-top: 0px;

    }

    #sidebar{

        position: fixed !important;

        z-index: 1002;

        top: 80px;

    }

    #main-content{

        margin-left: 0px;

    }

    /*calendar*/

    .fc-button-inner {

        padding: 0;

    }

    /*-*/

    .prd-row .action {

        right: 25px;

    }



    .weather-full-info ul li {

        width: 15.8%;

    }



    .today-status {

        margin-bottom: 10px;

    }



    .hr-toggle {

        background: #32D2C9;

        color: rgba(0, 0, 0, 0.3);

        border-radius: 50%;

        -webkit-border-radius: 50%;

        height: 30px;

        line-height: 0;

        margin-top: -58px;

        position: fixed;

        right: 10px;

        width: 30px;

        z-index: 10000;

    }



    .hr-top-nav {

        display: inline-block;

        float: right;

        margin: 10px 0;

    }



    .horizontal-menu {

        width: 100%;

    }



    .horizontal-menu .navbar-nav > li {

        margin-bottom: 10px;

    }

    .lock-wrapper {

        padding: 0 20px;

    }



    .lock-wrapper img {

        width: 140px;

        height: 140px;

        margin-top: 10px;

    }



    .lock-pwd input {

        width: 70%;

    }



    #time {

        font-size: 100px;

    }

    .media-gal .item {

        width: 100%;

    }

    .media-filter {

        margin: 25px 0;

    }



    .media-filter + .pull-right, .media-filter + .pull-right + .btn  {

        float: left !important;

    }





}

@media (max-width:767px){



    .fixed-width #container, .fixed-width #container .header {

        width: 100%;

    }



    #sidebar{

        margin-left:-240px;

        -webkit-transition:all .3s ease-in-out;

        -moz-transition:all .3s ease-in-out;

        -o-transition:all .3s ease-in-out;

        transition:all .3s ease-in-out;

    }

    .hide-left-bar {

        margin-left:0px!important;

    }

    ul.sidebar-menu{

        padding-top: 0px;

    }

    /*-*/

    .prd-row .action {

        right: 25px;

    }

    .lock-wrapper {

        padding: 0 20px;

    }

    .lock-wrapper img {

        width: 140px;

        height: 140px;

        margin-top: 10px;

    }

    .lock-pwd input {

        width: 70%;

    }



    #time {

        font-size: 100px;

    }



    .media-gal .item {

        width: 100%;

    }

    .media-filter {

        margin: 25px 0;

    }



    .media-filter + .pull-right, .media-filter + .pull-right + .btn  {

        float: left !important;

    }

    a.logo{

    	margin-left: 0px !important;

    }

    .header  .top-nav{

    	margin-top: 0px;

    	margin-bottom: 5px;

    }

    .merge-left{

    	margin-left: 0px !important;

    }

    .hide-left-bar{

    	width: 250px !important;

    }

    #sidebar{

    	z-index: 99999 !important;

    }

    ul.sidebar-menu{

    	padding-top: 65px !important;

    }

    .hide-left-bar ul.sidebar-menu li a span{

    	display: inline;

    	left: 10px !important;

    }

    .dashboard_qr {

    	text-align: center;

    	margin-top: 15px;

    }

    .start_text_button, .profile-desk{

    	text-align: center;

    }

    /*.undo_button{

      bottom: -28px;

      height: 28px;

      z-index: 999999 !important;

    }*/

    .undo_button > a{
        padding: 0;
        width: 130px;
        display: block;
        height: 40px;
        line-height: 40px;

    }

}

@media (max-width: 479px) {

    body{

        margin-top:80px !important;

    }

    .header{

        position: relative !important;

        z-index: 999999 !important;



    }

    .merge-header{

        margin-right: 0px !important;

    }

    .brand{

        width: 100%;

        float: none;

        position: fixed;

        top: 0px;

        z-index: 1005;

    }

    .sidebar-toggle-box{

        right: 10px;

    }

    .top-nav{

        margin-bottom: 20px;

    }

    .top-menu{

        margin-right: 10px;

    }

    .wrapper{

        margin-top: 0px;

    }

    ul.sidebar-menu {

        margin-top: 0px;

    }

    #sidebar{

        position: fixed !important;

        z-index: 1002;

        top: 80px;

    }

    #main-content{

        margin-left: 0px;

    }

    .notify-row{

        float: none;

    }

    /*calendar*/

    .fc-button-inner, .fc-button-content {

        padding: 0;

    }

    .fc-header-title h2 {

        font-size: 12px!important;

    }

    .fc .fc-header-space {

        padding-left: 0;

    }

    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-active, .fc-button-today .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {

        background: none repeat scroll 0 0 #FFFFFF !important;

        color: #32323A !important;

    }

    .fc-state-default, .fc-state-default .fc-button-inner {

        background: none repeat scroll 0 0 #FFFFFF !important;

    }



    /*-*/

    .prd-row .action {

        right: 25px;

    }



    .weather-full-info ul li {

        width: 30%;

        margin-bottom: 10px;

    }



    .today-status {

        margin-bottom: 10px;

    }



    .hr-toggle {

        background: #32D2C9;

        color: rgba(0, 0, 0, 0.3);

        border-radius: 50%;

        -webkit-border-radius: 50%;

        height: 30px;

        line-height: 0;

        margin-top: -58px;

        position: fixed;

        right: 10px;

        width: 30px;

        z-index: 10000;

    }



    .hr-top-nav {

        display: inline-block;

        float: right;

        margin: 10px 0;

    }

    .horizontal-menu {

        width: 100%;

    }



    .horizontal-menu .navbar-nav > li {

        margin-bottom: 10px;

    }



    .lock-wrapper {

        padding: 0 20px;

    }

    .lock-wrapper img {

        width: 100px;

        height: 100px;

        margin-top: -25px;

    }



    .lock-pwd input {

        width: 70%;

    }



    #time {

        font-size: 50px;

    }



    .lock-pwd {

        padding: 0;

    }



    .media-gal .item {

        width: 100%;

    }



    .media-filter {

        margin: 5px 0;

    }



    .media-filter + .pull-right, .media-filter + .pull-right + .btn  {

        float: left !important;

    }



    .media-filter li a {

        margin-bottom: 10px;

        display: inline-block;

    }

}





