@media (max-width: 640px) {
#mdc-text-field__ecoSearch
{
	margin-left: 0px;
}

.ecoworkflow-drawer-logo
{
	height:96px !important;
}

.right-menu-open
{
	right: 320px !important;
	z-index: 3 !important;
}

.right-menu-line-open
{
	width: 320px !important;
	z-index: 2 !important;
}

.ecoworkflow-task-select-container
{
	width: 310px !important;
}


}

@media (max-width: 840px)
{	
	.mdc-layout-grid__inner 
	{
    	grid-template-columns: unset !important;
	}
}

@media (max-width: 1100px)
{	
	.ecoworkflow-license-grid-cell
	{
		grid-column-end: span 12 !important;
	}
}

@media (max-width: 959px) and (orientation: landscape)
{
	.mdc-top-app-bar__row 
	{
    	min-height: 64px !important; 
	}
}

@media (max-width: 599px)
{
	.mdc-top-app-bar__row 
	{
    	min-height: 64px !important; 
	}	

	.ecoworkflow-main
	{
		/*margin-top: 80px !important;*/
	}

	.mdc-top-app-bar-fixed-adjust
	{
    	/*margin-top: 64px;*/
	}
	
	.mdc-top-app-bar__section--align-start 
	{
    	padding-left: 12px !important;
	}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 850px) 
{
	.ecoworkflow-modeler-button, .ecoworkflow-designer-button
	{
		display: none !important;
	}  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) 
{
	.ecoworkflow-modeler-button, .ecoworkflow-designer-button
	{
		display: none !important;
	}  
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

.ecoworkflow-overview-grid-cell
{
	max-width: 320px;
	min-width: 320px;
}
	
.mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop
{
	grid-column-end: span 4;
}

.ecoworkflow-overview-card-info-key, .ecoworkflow-overview-card-info-value
{
	font-size: 10px;	
}

.ecoworkflow-cell-label-fixed
{
	font-size: 12px;	
}

.ecoworkflow-cell-icon-fixed
{
	font-size: 22px;
}

.mdc-drawer .mdc-drawer__header::before
{
	padding-top: 64%;
}

.mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop
{
	grid-column-end: span 4;	
}

.eco-workflow-overview-card
{
	max-width: 300px;
	min-height: 250px;
}

.eco-workflow-data-card, .ecoworkflow-details-card
{
    max-width: 700px;
}

}