@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#main_menu .nav-label {	padding: 0 20px !important;}
}
@media only screen and (max-width: 1023px) {
	#main_menu .nav-label { padding: 0 10px !important;}
	#main_menu li a { padding: 6px 0px;}
	#user_menu > li:first-child { padding: 0;}
	#user_menu > li { padding: 0px 0 0px 30px;}
}
@media (min-width: 767px) and (max-width: 900px){}
@media only screen and (max-width: 768px) {
	.navbar-default .navbar-toggle {
		padding: 6px;
		margin-top: 15px;
		margin-left: 15px;
		border-color: #1892ac;
	}
	.navbar-toggle .icon-bar {
		background: #1892ac;
	}
	
	#home-main-menu { 
		height: auto; position: fixed;
		top: 122px; width: 100%;
	}
	#home-main-menu .icon-home { display: none;}
	#home-main-menu ul { display: block; padding: 0; float: none !important;}
	#home-main-menu ul li {
		display: block; width: 100%;
		background: rgb(0,0,0,0.8);
		padding: 15px; margin: 0;
		border-bottom: 1px solid #555;
	}
	#home-main-menu ul li a{
		border-left: 0; border-right: 0;
		padding: 7px 0; color: white;
	}
	#home-main-menu .dropdown-menu {
		display: contents;
	}
	#main_menu li a { color: white}
	#main_menu li.active .nav-title, #main_menu li:hover .nav-title {color: white !important}
	#main_menu li.active, #main_menu li:hover {
		border-bottom: 1px solid #2fb0cc;
	}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
	#main_menu .nav-label { padding: 0 8px !important;}
	.navbar-default .navbar-toggle {display: none;}
}
@media only screen and (max-width: 600px) {
	.logo{width:auto!important;}
	#in_out{width:auto!important;}
	#site-header .navbar { display: block }
	#site-header .navitor {
		padding-right: 0;
		padding-left: 0;
	}
	#main_menu { 
		display: block; 
		width: 100%;
		position: absolute;
		top: 64px; left: 0;
		z-index: 999;
		margin-right: 0;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
	#main_menu .nav { background:#1892ac; color: white; width:100%;}
	#main_menu li { display: block; padding: 0 15px; border-bottom: 1px solid #2fb0cc;}
	#main_menu li a { display: block}
	#main_menu .nav-title{line-height: 49px; font-size:16px;}
	#main_menu .nav-title, #main_menu .nav-desc { display: block; color: white !important}
	#main_menu .nav-label { border-right: 0;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: unset;}
	.navbar-default .navbar-toggle { margin-right:0px; }
	
	.navbar-collapse.collapse {
        display: none!important;
    }
	/* since bootstrap 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.container-fluid{padding-right:3px;padding-left:3px;}
}
@media only screen and (max-width: 450px) {
	#main-content, .main-content { padding-top: 64px;}
	#user_menu > li { padding: 7px 15px 7px 20px ;}
	#user_menu > li:first-child { padding:7px 15px;}
	.nav_regis li {width:20%}
	.nav_regis li:first-child {width:60%}
}
@media only screen and (max-width: 400px) {
	#user_menu > li { padding: 14px 10px 14px 10px;}
	#user_menu > li:first-child { padding: 14px 10px;}
}
@media only screen and (max-width: 375px) {
	#main_menu .nav-label { padding: 0px !important;}
	#main_menu li a { padding: 5px 0px; height: 68px;}
}