@media (min-width:1400px) {
    .treeview a span {
        font-size: 18px;
    }

    .property-form .form-group label {
        font-size: 18px;
    }

    .property-form .form-group input {
        height: 60px;
        font-size: 18px;
    }

    .property-form .form-group textarea {
        font-size: 18px;
    }

    .back-button h3 {
        font-size: 20px;
    }

    .main-sidebar,
    .left-side {
        width: 300px;
    }

    .content-wrapper,
    .right-side {
        margin-left: 300px;
    }
    .signup-form label {
        font-size: 15px;
      }
      .signup-form input {
        height: 60px;
      }
}
@media (max-width: 1024px) {
    .signup-form, .signup-image {
        width: 100%;
      }
      .signup-form {
        padding: 10px !important;
    }
    .login-btn a {
        padding: 14px 90px;
    }
    .signup-form, .signup-image {
        height: auto;
    }
}
@media (max-width: 1024px) {

.signup-form {
    padding: 60px;
}
}
@media (max-width: 991px) {
    .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
        background: #fff !important;
        color: #444 !important;
    }

    .main-header .navbar-custom-menu a,
    .main-header .navbar-right a {
        color: inherit;
        background: transparent;
    }

    .navbar-custom-menu>.navbar-nav {
        float: right;
    }

    .navbar-custom-menu>.navbar-nav>li {
        position: static;
    }

    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
    }

    .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
    .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
    .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
        background: #fff !important;
        color: #444 !important;
    }

    .navbar-custom-menu .navbar-nav>li {
        float: left;
    }

    .navbar-custom-menu .navbar-nav {
        margin: 0;
        width: 175px;
        float: left;
    }

    .navbar-custom-menu .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 20px;
    }
}

@media (max-width: 767px) {
    #show-hidden-menu {
        display: block !important;
    }

    .main-sidebar,
    .left-side {
        /* -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
        width: 230px; */
        display: none;
    }

    .sidebar-open .content-wrapper,
    .sidebar-open .right-side,
    .sidebar-open {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }

    .sidebar-open .main-sidebar,
    .sidebar-open .left-side {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .main-header {
        position: fixed;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .navbar-nav>.user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }

    .fixed .content-wrapper,
    .fixed .right-side {
        padding-top: 100px;
    }

    .main-header .logo,
    .main-header .navbar {
        /* width: 100;
        height: 100; */
        margin-left: 0;
        position: relative !important;
    }

    .main-header .navbar {
        margin: 0;
    }


    .main-sidebar, .left-side {
        padding-top: 63px !important;
        background: #fff;
    }

    .main-header .navbar-right {
        float: none;
    }


    .main-header .navbar-right>li {
        color: inherit;
        border: 0;
    }

    .content-wrapper,
    .right-side {
        margin-left: 0;
    }

    /*.content-wrapper,*/
    /*.right-side {*/
    /*    margin-top: 50px !important;*/
    /*}*/
    .for-guest-screen {
    margin-top: 0;
}
    .sign-up-screen {
        flex-wrap: wrap;

      }
}



@media (max-width: 400px) {
    #custom-search-input .search-query {
        width: 180px !important;
    }
}