.hidden-navclass{

    display: none;

    padding-top: 1px;

}

.hidden-navclass .fa-plus{

    color: #0A1E5C;

}

.header-left-side{display: flex;}

.hidden-nav-dropdown{display: none;}

.nav-hidden-item{display: none;}



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

    

    /* LOCATION-MAP */

    #location-select{padding: 0px 30px;}

    .modal-reverse-heading{margin-left: 0px;}

    .modal-reverse-heading h6{margin-left: 0px;}



    /* LOCATION-SELECTION */

    #accordion{padding: 0px 50px;}



    /* LOGIN */

    .login-form {padding: 0 30px;}

    #modal-full-container .registration-type .differentiate-label {font-size: 12px;}



    /* PRODUCTION POPUP */

    .login-identity-container .form-check {padding-left: 2rem;}

    .login-identity-container .form-check .form-check-label{margin-left: 0px;}

    .production-s{margin-top: 27px !important;}



    /* SIGN UP STEP 2 */

    .create-account-step2 .form-wrap ul li:nth-child(even) {margin-left: 17px;}

    .create-account-step3 .form-wrap ul li:nth-child(even) {margin-left: 17px;}



    /* SIGN  UP STEP 4 */

    .create-account-step3 ul li label {font-size: 14px;}



    /* MAIN HEADER */

    .fa-bars{color: #0A1E5C;font-size: 42px;}

    .navbar-toggler{border: none; padding: 16px 0px;}

    .navbar-brand{position: absolute;height: 100%;text-decoration: none;display: flex;-webkit-box-align: center;align-items: center;top: 50%;left: 48%;transform: translate(-50%, -50%);}

    .header-left-side{display: block;width: 100%;}

    .container-fluid {height: 100%;}

    .header-right-side{position: absolute;right: 4%;}

    .navbar-nav{padding-left: 0px !important;}

    .nav-hidden-item{display: block;}
    
    .header-right-side .navbar-nav-list li #owner-search-hide{display: none;}
    
    .landing-join-btn{padding: 8px 12px !important;font-size: 16px !important;}
    





    /* NAVBAR */

    .hidden-navclass{

        display: block;

        padding-top: 1px;

    }

    .hiddennavlist{

        display: block;

    }

    .nav-bar-menu .list-nav ul li:nth-child(9){

        display: none;

    }

    .nav-bar-menu .list-nav ul li:nth-child(8){

        display: none;

    }

    .nav-bar-menu .list-nav ul li:nth-child(7){

        display: none;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(1){

        display: none;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(2){

        display: none;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(3){

        display: none;

    }

}







@media (max-width: 767px){



    /* PRODUCTION POPUP */

    .login-identity-container .form-check .form-check-label{margin-left: 20px;font-size: 20px;}

    #upload-modal p{padding-bottom: 40px;font-size: 18px;line-height: 22px;}



    /* NAVBAR */

    .nav-bar-menu .list-nav ul li:nth-child(6){

        display: none;

    }

    .nav-bar-menu .list-nav ul li:nth-child(5){

        display: none;

    }

    .nav-bar-menu .list-nav ul li:nth-child(4){

        display: none;

    }

    .hiddennavlist{

        display: block;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(1){

        display: block;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(2){

        display: block;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(3){

        display: block;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(4){

        display: block;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(5){

        display: block;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(6){

        display: block;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li:nth-child(1){

        padding-left: 0px;

    }

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li{

        padding-left: 12px;

    }

    /* MAIN HEADER */

    .header-right-side .navbar-nav-list li #owner-login-search{
        display: none;
    }
  
    .landing-join-btn {
        background: #0a1e5c;
        color: #fff;
        font-size: 18px;
        border: none;
        border-radius: 10px;
        padding: 8px 12px;
    }

  

}







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


    /* SIGN UP LANDLORD */

    .create-account{padding: 35px 35px 20px;}



    /* SIGN UP STEP 2 */

    .create-account-step2 .form-wrap ul{display: block;}

    .create-account-step2 .form-wrap ul li:nth-child(even) {margin-left: 0px;}

    .create-account-step3 .form-wrap ul{display: block;}

    .create-account-step3 .form-wrap ul li:nth-child(even) {margin-left: 0px;}



    /* POPU_ADD_ONE */

    .sub-popup{display:block;}

    .sub-popup input{width: 100%;}

    #integrate-added-to-proposals .subs button{margin-right: 0px;}



    /* POPU_REMOVE */

    #integrate-added-to-proposals .yes-no-button .no{margin-right: 0px;}



    /* POPU_SPECIFY_DURATION */

    #sub-popup input{width: 80%;}

    #sub-popup{display: flex;}



    /* MAIN HEADER */

    .navbar{padding: 0px 10px !important;}

    .navbar-brand{left: 45%;}



    /* NAVBAR */

}







/* FOR ONLY NAVBAR */

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

    .nav-bar-menu .list-nav ul li{

        padding-left: 32px;

    } 

}

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

    .nav-bar-menu .list-nav ul li{

        padding-left: 12px;

    } 

}

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

    .hidden-nav-dropdown .nav-bar-menu .list-nav ul li{

        white-space: nowrap;

    }

    .nav-bar-menu .list-nav ul li a em img{

        height: 15px;

    }

    .hidden-navclass .fa-2xl{

        font-size: 1rem;

    }

    .nav-bar-menu .list-nav span{

        font-size: 12px;

        margin-left: 5px;

    }

}

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

    .nav-bar-menu .list-nav span{

        display: block;

    }

}

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

    .nav-bar-menu .list-nav span{

        font-size: 10px;

    }
    
    
    /*tanisha code*/
    /* .landing-join-btn {
        background: #0a1e5c;
        color: #fff;
        font-size: 18px;
        border: none;
        border-radius: 10px;
        padding: 8px 12px;
        display: block;
    } */

}