@media screen and (min-width:1599px){
    .login-screen-wrap {
        position:absolute;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);
    }
}
@media screen and (min-width:1366px){
    .login-success .login-screen-wrap{
        padding: 129px 20px;
    }
}
@media screen and (min-width:1279px) and (max-width:1365px){
    .btn-choice {
        padding: 11px 15px 13px 15px;
        font-size: 13px;
        line-height: 22px;
    }
    .user-card .meta-date {
        font-size: 12px;
    }
}
@media screen and (min-width:1280px){
    .main-menu .nav-item:after{
        content:'';
        position: absolute;
        height:26px;
        width:1px;
        background-color: #717B97;
        right:15px;
        top:50%;
        transform:translateY(-50%);
    }
}
@media screen and (max-width:1601px){
    .main-menu .nav-link {
        padding: 7px 10px 8px 10px !important;
        margin-right: 10px;
    }
    .main-menu .nav-item:after {
        right: 5px;
    }
    .social-box-icon i{
        margin-right:10px
    }
}
@media screen and (max-width:1599px){
    .pending-projects {
        overflow:auto;
    }
    .pending-projects table {
        min-width: 900px;
    }
}
@media screen and (max-width:1367px){
    /*-- Navigation --*/
    .user-profile-menu {
        position: absolute;
        top: 23px;
        right: 20px;
    }
    .main-menu{
        padding: 20px 20px;
    }
    .main-menu .navbar-nav{
        margin-top:40px
    }
    .main-menu .nav-link {
        padding: 14px 8px 14px 8px !important;
        margin-right: 0;
    }
    .user-profile-menu img{
        max-width:40px;
    }
    .main-menu .nav-item:after{
        display: none;
    }
    .side-navigation {
        padding: 24px 20px;
    }
    /*-- Navigation --*/

    /*-- Dashboard --*/
    .content {
        padding: 24px;
    }
    .user-cards {
        grid-gap: 15px;
    }
    .user-card .meta-date {
        font-size: 13px;
    }
    .leaderboard-list-body {
        grid-template-columns: 1fr 150px;
        padding: 20px 20px 20px 25px;
    }
    .winners-list {
        padding: 20px 22px 23px;
    }
    td.project-row-name {
        min-width: 207px;
    }
    /*-- Dashboard --*/
    .tracker-table table .tracker-action a:first-child {
        margin-right: 15px;
    }
    .social-box-icon {
        margin-right: 30px;
    }
    .box-datatable tbody {
        padding: 25px 20px;
    }
    .social-box {
        padding: 30px 20px 30px 20px;
    }
}
@media screen and (max-width:1365px){
    .box-datatable tbody {
        justify-content: space-around;
    }
    .box-datatable tbody tr{
        margin:8px 0;
    }
}
@media screen and (max-width:1199.98px){
    .winners-list-wrap .section-title{
        margin-top:40px;
    }
}
@media screen and (max-width:1023.98px){
    .form-wrapper {
        padding: 10px 25px 30px;
    }
}
@media screen and (min-width:767px) and (max-width:991px){
    .user-card {
        padding: 5px;
    }
    .user-card .meta-date {
        font-size: 11px;
    }
    .btn-choice {
        font-size: 12px;
    }
}
@media screen and (max-width:767.98px){
    .form-control:focus, .form-control {
        padding: 15px 20px;
    }
    .edit-project textarea {
        height: 95px;
    }
    .login-screen-wrap {
        padding: 90px 20px;
    }
    .login-title {
        margin-top: 60px;
        font-size: 40px;
        line-height: 45px;
    }
    .login-form {
        margin-top: 40px;
    }
    .side-navigation {
        padding: 13px 10px;
    }
    .main-menu{
        padding:20px;
    }
    .user-profile-menu{
        top: 15px;
    }
    .user-cards {
        grid-template-columns: 1fr;
    }
    .content {
        padding: 24px 10px;
    }
    .leaderboard-list-header{
        padding:15px;
    }
    .leaderboard-list-body {
        grid-template-columns: 1fr;
        padding: 15px;
    }
    .yellow-head{
        margin-top:30px;
    }
    .user-card,
    .winners-list ,
    .winners-list-row {
        padding: 15px;
    }
    .pending-projects table td,
    .pending-projects table thead th {
        padding: 15px;
    }
    .section-title {
        font-size: 16px;
        line-height: 22px;
    }
    .tracker-table tr th:first-child,
    .tracker-table tr td:first-child{
        padding-left:10px !important;
    }
    .tracker-table tr th:last-child,
    .tracker-table tr td:last-child{
        padding-right:10px !important;
    }
    .data-table-footer {
        padding: 20px !important;
        min-width: 310px !important;
    }
    .edit-project-checkboxes {
        flex-direction: column;
    }
    .form-wrapper .col-12 {
        margin-top: 20px;
    }
    .form-wrapper .form-buttons .col-12 {
        margin-top: 15px;
    }
    .box-datatable {
        margin-top: 30px;
    }
    .box-datatable-search, .tracker-table-search {
        padding: 15px 20px 15px 52px;
    }
    .box-datatable table {
        margin-top: 25px;
    }
    .box-datatable tbody {
        padding: 20px 15px;
    }
    .box-datatable .data-table-footer {
        padding: 30px 0;
    }
    .social-box-icon {
        margin-right: 20px;
    }
    .social-box-icon i {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
    .social-box-actions a:first-child {
        margin-right: 10px;
    }
}
@media screen and (max-width: 575px){
    .social-box-icon {
        margin-right: 40px;
    }
    .page-header {
        margin-top: 10px;
        flex-direction: column;
        align-items: flex-start;
    }
    .page-header .btn{
        margin-top: 18px;
    }
}
@media screen and (max-width: 400px){
    .social-box-icon {
        margin-right: 20px;
    }
}