@media only screen and (max-width : 991px){
    #ctu-authentication-wrapper .authentication-box{width: 100%;}
    .navbar-custom-menu>.navbar-nav>li{position: relative !important;}
    #ctu-authentication-wrapper .authentication-bg{display: none;}
    #ctu-authentication-wrapper{padding: 15px 0;}
}
@media only screen and (max-width : 934px){
    .searchForm .searchButton{float: none !important;width: 100% !important;}
    .dropdownForm{display: block;margin-bottom: 10px;}
}
@media only screen and (max-width : 768px){
    .timelineHeadline .coverProfile{
        position: static;
        margin-top: -50px;
    }
    .timelineHeadline .coverImage{display: inline-block;}
    .timelineHeadline{padding-left: 0;text-align: center;}
    .profileName{display: none;}
    .timelineHeadline .coverImage .profileBtn{opacity: 1;}
    .timelineTopSection .coverPhoto .updateBtn{opacity: 1;}
    .timelineHeadline .timelineNav ul{margin-left: 0;padding: 15px 0;}
    .profileName-showMobile{display: block;}
    .profileName-showMobile h4{margin: 20px 0;font-size: 25px;text-transform: capitalize;}
    .timelineNav{background: #f6f7f9;border-top: 1px solid #dddfe2;border-bottom: 1px solid #ced0d4;}
    .timelineHeadline .timelineNav ul li:first-child{border-left: 0;}
    .timelineHeadline .timelineNav ul li:last-child{border-right: 0;}
    .timelineHeadline .timelineNav ul li a{padding: 0 20px;}
    .timelineBlockEnlistment .ctuFormInside form{position: static;}
    .timelineBlockEnlistment .table-responsive{border: 0;}
}

@media only screen and (max-width : 767px){
    .ctuUserMenu a{color: #777 !important;}
    .main-header .logo{display: inline-block;z-index: 1;}
    .main-header .logo .logo-mini{display: block;}
    .main-header .logo .logo-lg{display: none;}
    .main-header .logo{width: auto;}
    .main-header .navbar{z-index: -1;width: auto;}
    .fixed .content-wrapper{padding-top: 50px !important;}
    .main-sidebar{padding-top: 50px !important;}
    .message-header .view-all{background: #3c8dbc !important;}
    .control-sidebar{padding-top: 50px !important;}
}

@media only screen and (max-width : 490px){
    .timelineBlockEnlistment .ctuFormInside form .approvalButton{margin-left: 0;margin-top: 20px;}
}

@media only screen and (max-width : 454px){
    .dropdownForm .btn-group-sm{margin-top: 10px;}
    .timelineSearchButton select{width: 100%;}
    .timelineApproval form select.form-control{width: 100%;}
    .approvalButton{position: static;margin-top: 15px;}
}

@media only screen and (max-width : 425px){
    #ctu-authentication-wrapper .authentication-login-box{width: 100%;}
    #ctu-authentication-wrapper .col-md-6{padding: 0 15px;}
    #ctu-authentication-wrapper .authentication-login-box .ctu-panel-heading h2{font-size: 14px;}
    #ctu-authentication-wrapper .authentication-login-box .ctu-panel-heading h3{font-size: 14px;}
    .ctu-user-menu .dropdown-menu{right: -40px !important;}
    .notifications-menu .dropdown-menu{right: -90px !important;}
    .messages-menu .dropdown-menu{right: -135px !important;}
    .tasks-menu .dropdown-menu{right: -70px !important;}
}
@media only screen and (max-width : 375px){
    /* .tasks-menu{display: none !important;} */
}
@media only screen and (max-width : 320px){
    #ctu-authentication-wrapper .authentication-login-box .ctu-panel-heading h2{font-size: 16px;}
    #ctu-authentication-wrapper .ctu-heading-logo img{width: 50px;}
    #ctu-authentication-wrapper .ctu-heading-logo{top: 30px;}
    #ctu-authentication-wrapper .ctu-form-buttons button{float: left;margin-top: 30px;}
    .navbar-custom-menu .navbar-nav>li>a{padding: 15px 12px !important;}
}