.kbee .right-panel {box-sizing: border-box;}
.kbee .left-panel {box-sizing: border-box;}
.kbee .leftpanel {box-sizing: border-box;}




@media (max-width: 840px) {

.kbee .footer-container {margin:0;   margin-top: 192px; float:left; width:100%; position:initial;}
	
.kbee .page-content-header {margin:0;}
.kbee .page-header {box-shadow:none; position:initial;}

.kbee .btn-sm, .kbee .btn-group-sm > .btn {width:100%;}
	
.sidebar-xs .sidebar {display:none !important;}
.kbee .btn-sm {height: 38px;    font-size:14px; line-height: 38px;}
.kbee .vtab-content-panel .standard-canvas {min-height:initial;}

    
.kbee .btn {margin:15px 0;}

 .kbee .console-top .head-right {height:initial; min-height:initial;}
 .kbee .button-container {    float: left;    text-align: left;    display: block; margin:15px 0;}
 
 .kbee .footer .social 	 			{float:left; margin: 0 0 0 0; width:100%;}
 .kbee .footer .social .elements	{left:50%; transform: translateX(-50%);  position: relative;}
 .kbee .footer .legal 				{float:left; margin: 20px 0 0 0; left:50%; transform: translateX(-50%);  position: relative;}
 .kbee .footer .copyright  			{float:left; margin: 18px 0 0 0; width:100%; font-size:12px;}
 .kbee .footer .copyright .elements	{float:left;  margin: 0px; left:50%; transform: translateX(-50%);  position: relative;}
 .kbee .footer ul li .separator 	{font-weight: 600; padding: 0 4px;}
 .kbee .footer .legal  li 			{padding: 0 4px 0 0; float:left; margin-bottom: 24px;}
}


@media (min-width: 841px) {

 .kbee .footer .social 				{float:right; width:auto; margin-bottom: 12px;}
 .kbee .footer .legal 				{float:right; clear:right;}
 .kbee .footer .legal  li 			{padding: 0 8px 0 0; float:left;}
 .kbee .footer ul li .separator 	{padding: 0 8px; font-weight: 600;}
 .kbee .footer .copyright 			{float:left; clear:left;     margin-top: 0px;}
}



    






@media (min-width: 801px) and (max-width: 990px) 	{
	/**.kbee .content .hastop .right-panel  {top: 301px;  }*/
}	

@media (min-width: 801px) and (max-width: 1200px) 	{
	.kbee  .navbar-default li > span > em span.glyphicon,										
	.kbee .navbar-nav > li > a {padding: 22px 15px 23px 15px;}
	.kbee .navbar-default a.navbar-brand {    padding: 24px 15px;}
	.kbee .modal-dialog-center {min-width: 700;    width: initial;   max-width: 800px; max-height: 70vh;}
	.kbee .modal-content {overflow: auto;}
	.kbee .modal.in .modal-dialog-center {   overflow-y: auto;    max-height: 92vh;}
	.kbee .navbar-default a.logo {margin-left:0; padding: 16px 15px;}
}


@media (min-width: 993px)  {	.kbee li.action-container:nth-of-type(2n+1) {margin-left:0;	  }}


@media (max-width: 1200px) {
	.kbee .square {width:100%; margin-bottom:1px;}
}
	

@media (min-width: 801px) and (max-width: 1200px) {
.kbee .btn-mini { padding: 12px 8px}
.kbee .browser .expanded .tabs .nav>li>a {  padding: 10px 12px;}
}

@media (min-width: 991px) and (max-width: 1200px) 	{
	/*.kbee .content .hastop .right-panel  {top: 187px;  }*/
}


@media (min-width: 801px) and (max-width: 1200px) 	{


	.kbee .side-form .btn-sm, 
	.kbee .side-form .btn-group-sm > .btn {width:100%;}
	
														
														.kbee .content .right-panel  {/*  position: absolute;*/ margin-left: -1px;	padding-left: 20px;  padding-right:20px;  width: calc(30.5% - 3px);   z-index: 12;   }
														
														
														.kbee .layout-twopanels .external-scroll_x.scroll-scrollx_visible {width: calc(69.5% - 2px);} 
														.kbee .report     .right-panel		{width: 29.5% !important;}
														.kbee .withbcrumb .right-panel 		{margin-top: -81px !important;     height: calc(100% + 81px);} 
																														
														.kbee .left-panel				    {width: calc(69.5% + 1px); border-right: 1px solid #eeeeee; box-sizing: border-box;}
								 						.kbee .leftpanel 					{width: calc(69.5% + 1px); border-right: 1px solid #eeeeee;}
								 						
								 						.kbee .report .left-panel,
								 						.kbee .report .leftpanel 			{width: calc(70.5% + 1px);}
													 	.kbee  .layout-onepanel 			{border-right: none; }
																																																																																														 	
													 	.kbee  .task-form .left-panel	 	{width: 100%; border-right: none;    padding-right: 60px;       padding-left: 60px;  padding-top: 32px; box-sizing: border-box;}		
											          	.kbee  .task-form .right-panel 		{width: 100%; min-height: 50vh;      padding: 15px 48px 0 48px;    border-left: 1px solid transparent;   margin-left: 0px; box-sizing: border-box;}
											          	
											          	.kbee .workflow-context {border-top: 1px solid #dededf; border-left: 1px solid transparent;}
											          	.kbee .taskpanel .panel-header {margin-top:10px;}
													 }
													 
						

													 
													 

@media (min-width: 801px) and (max-width: 1200px) 	 {
.kbee  .audio .player-panel 	 	{height: 66px;    min-width: 60vw;}
.kbee  .audio .player 				{max-height: initial;}
.kbee  .video .player-panel 	 	{height: 60vh;    max-height: 60vw;        min-width: 60vw;}
.kbee  .video .player 				{max-height: 56vh;}
.kbee  .image .player 				{max-height: 56vh;}
}


@media (min-width: 801px) and (max-width: 1200px) 	 {
	.kbee .resources-panel .thumbnail_large li.media 					{padding: 24px; border: 1px solid #dededf;    border-left: none; border-radius: 0;  margin: 0;    border-top: none;   height: 384px; position:relative;}
	.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;}
	.kbee .resources-panel .thumbnail_large li.media:nth-of-type(2n+1) 	{clear: left;     border-left: 1px solid #dededf;}
	.kbee .resources-panel .thumbnail_large .thumbnail 					{height: 192px; padding:0; overflow:hidden; background: #f7f7f7;  border: 1px solid #f7f7f7;  position: relative;}
	
	.kbee .navbar-default .actions li > button.btn-primary { min-width: 140px;	}
    
}