@media (min-width: 1024px) { 
    div#mainmenuwrap div div.navbar div.container div.navbar-header a.navbar-brand{
	    display: none;
	}

    a.tenant-register, a.tenant-forget{
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) { 
	div#mainmenuwrap div div.navbar div.container div.navbar-header a.navbar-brand{
	    display: none;
	}
		
	a.tenant-register, a.tenant-forget{
		font-size: 20px;
	}

	.inspectionroom_radio {
	    float: left !important;
	    width: auto;
	}
}

@media (min-width: 480px) and (max-width: 767px) { 
    div#mainmenuwrap div div.navbar div.container div.navbar-header a.navbar-brand{
        display: block;
	float: right;
	margin: 10px;
    }

    a.tenant-register, a.tenant-forget{
        font-size: 16px;
    }

    a.top_image div.top_logo_header{
        font-size: 75%;
    }

    a.top_image div.top_logo_header img{
	display: inline;
   	width: 40%;	
    }  

}
@media (min-width: 321px) and (max-width: 479px) { 
    div#mainmenuwrap div div.navbar div.container div.navbar-header a.navbar-brand{
        display: block;
	float: right;
	margin: 10px;
    }

    .jumbotron .btn1{
        font-size: 18px;
    }	
    a.tenant-register, a.tenant-forget{
        font-size: 16px;
    }

    div.fbconnct_btn_wrp .fbconnct_btn{
        font-size: 12px;
        padding-left: 12px;
        line-height: 12px;
    }


    a.top_image div.top_logo_header{
        font-size: 45%;
    }

    a.top_image div.top_logo_header img{
	display: inline;
   	width: 50%;	
    }  
}

@media (max-width: 320px) { 
    div#mainmenuwrap div div.navbar div.container div.navbar-header a.navbar-brand{
        display: block;
    }

    a.tenant-register, a.tenant-forget, .jumbotron .btn1{
        font-size: 16px;
    }

    div.fbconnct_btn_wrp .fbconnct_btn{
        font-size: 12px;
        padding-left: 12px;
        line-height: 12px;
    }

    a.top_image div.top_logo_header{
        font-size: 45%;
    }

    a.top_image div.top_logo_header img{
	display: inline;
   	width: 50%;	
    }  


}

/* end media css*/
@media(max-width:767px) {
	div.control-panel{
		margin: 0 10px;
	        padding: 0px;
   	 }
    
	inputZZZZ{
		width: 165px;
	}

	.navbar-brand{
		padding: 0px;
	} 

	#slide-nav .container {
	    margin: 0;
	    padding: 0!important;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #fff;
	    left: -100%;
	    width: 80%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: 0px;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}

	#mainmenuwrap .dropdown-menu {
	    position: relative;
	}

	#slide-nav #slidemenu .navbar-nav #mainmenuwrap .dropdown-menu li a {
	    color: #777;
	    min-width: 0;
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	    white-space: normal;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav.navbar-inverse #slidemenu {
	    background: #333
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#slide-nav #navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
	    width: 80%;
	    left: -80%;
	    background: #eee;
	}
	#slide-nav.navbar-inverse #navbar-height-col {
	    background: #333;
	    z-index: 1;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}

	.inspectionroom_radio {
	    float: left !important;
	    width: auto;
	}

	.inspectionroom_radio input{
	    width: auto !important;
	}

}

@media (min-width:768px) { 
	#page-content {
	    left: 0!important
	}
	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
}

@media(max-width:420px) {
	div.control-panel {
	    font-size: 1.2em;
	}
       
}