@media (max-width: 800px) {
	
	
	.kbee .page-header-left-tools {width: 100%;    float:left; display: table;   padding-top: 15px;   position: initial;   bottom: 0px;   right: initial;}
	
	.kbee .side-form .btn-sm, 
	.kbee .side-form .btn-group-sm > .btn {width:100%;}
	
	
	/*.kbee .content .hastop .right-panel  {top: 301px;  }*/
	.kbee .layout-twopanels {	min-height: initial !important;	}
	.kbee .navbar-default a.logo {margin-left:0; padding: 16px 4px;}
	.kbee .btn-mini { padding: 12px 5px;}
	.kbee  .btn-mini { padding: 12px 4px}
	.kbee .browser .expanded .tabs .nav>li>a {  padding: 10px 12px;}
}



@media (min-width: 768px) {
	.kbee .modal-dialog {  margin: 30px auto;}
	.kbee .modal-content {border-radius: 0px; }
	.kbee .modal-dialog-center {min-width:700; width:initial; max-width: 1280px;}
	.kbee.navbar-nav > li > a {padding-top: 23px;padding-bottom: 23px;}
}


@media (max-width: 520px)  {   .kbee .action-container {width:100%;}	
							   .kbee li.action-container:nth-of-type(2n) {margin-left:0px;}
						   }

@media (min-width: 601px) and (max-width: 800px)   {.kbee .content .right-panel {/*  position: absolute;*/ 	top:0px; right: 0px;	padding:12px 36px;  border-left: 1px solid #dededf;    margin-top: 0;  min-height: 100vh; width: 34.5%;  z-index: 1200;	 }
													 .kbee .left-panel				    {    width: calc(65.5% + 1px);    border-right: 1px solid #e2e2e2;    padding: 0 48px;}
													 .kbee .leftpanel 					{    width: calc(65.5% + 1px);    border-right: 1px solid #e2e2e2;    padding: 0 48px;}
													 .kbee .taskpanel .left-panel		{    width: calc(65% + 1px);    border-right: 1px solid #e2e2e2;      padding: 0 48px;}
													 .kbee  .task-form .right-panel 	{width:35%;}
													 .kbee .tabs .nav>li>a 				{padding: 14px 18px;}
													 .kbee .layout-twopanels .external-scroll_x.scroll-scrollx_visible {width: 65.5%;}
													 }


@media (min-width: 521px) and (max-width: 992px) {.kbee .action-container {width:44%;}	.kbee li.action-container:nth-of-type(2n) {margin-left:6px;}}
@media (max-width: 520px) 						 {.kbee .action-container {width:100%;}	.kbee li.action-container:nth-of-type(2n) {margin-left:0px;}}
@media screen and (min-width: 768px) 			 {.loginmodal-container-idoc,	.loginmodal-container-kb  {top: 50%;}}
							

@media (max-width: 600px) {
	.kbee .navbar-right {width:100%; float:left;}
	.kbee .buttons-container {float:left; width:100%;}
	.kbee .btn-lg, 
	.kbee .btn-sm   {width: 100% !important; margin-bottom: 12px; float:left;}
	.kbee .buttons-container {margin-bottom: -12px;}
	.kbee .tabs .nav>li>a {padding: 14px 0px !important; width: 100% !important;  float: left;  margin:0;}
	.kbee .nav-pills > li + li {margin-left: 0;}
	.kbee .nav-pills > li {float: left; width: 100%;  border: 1px solid #dededf;   text-align: center;  border-bottom: none;}
	.kbee .tabs ul.nav-pills > li.active > a {    background: #f2f2f2 !important;     font-weight: bold !important;}
 	.kbee .modal.in .modal-dialog-center {width: 100%;  height: 100%;}
 	.kbee .btn-xlg { min-width: initial; width:100%; max-width:initial}
	}
 	
 
@media (min-width: 701px) and (max-width: 1200px)  {											
 .kbee .resources-panel .thumbnail_large li.media 						{border: 1px solid #dededf;	border-top: none; border-radius: 0;  margin: 0;  height: 384px;  padding-bottom: 12px;}
 .kbee .resources-panel .thumbnail_large li.media:nth-of-type(1) 		{margin-top:0; border-top:1px solid #dededf;}
 .kbee .resources-panel .thumbnail_large li.media:nth-of-type(2) 		{margin-top:0; border-top:1px solid #dededf; border-left:none;}
 .kbee .resources-panel .thumbnail_large .thumbnail 						{height: 192px; padding:0; overflow:hidden; background: #eeeeee;     border: 1px solid #eeeeee; position: relative; margin-top:15px;}
 .kbee .resources-panel .thumbnail_large li.media:nth-of-type(2n)     	{border-left: none; }
 .kbee .resources-panel .thumbnail_large li.media:nth-of-type(2n+1)   	{clear: left; border-left: 1px solid #dededf; border-right: 1px solid #dededf;}
 .kbee .resources-panel .thumbnail_large .thumbnail { height: 220px;}
 .kbee .sqltools-twopanels {position: inherit; top:inherit;}
}											

 
@media (min-width: 768px) {
	.kbee .modal-dialog {  margin: 30px auto;}
	.kbee .modal-content {border-radius: 0px; }
	.kbee .modal-dialog-center {min-width:700; width:initial; max-width: 1280px;}
}