/**********************
 * @media only screen *
 **********************/
@media only screen
and (max-device-width: 610px)
{
	.fullScreenMode #menu_contain #fvmain_menu{
		max-height: 32.5px;
	}
	.fullScreenMode #fvmain_menu ul li.header{ 
		margin-top: -3px !important;
	}
	.fullScreenMode #fvmain_menu ul li.header img{ 
		max-width: 106.5px !important;
	}
	.fullScreenMode #fvmain_menu ul li a{ 
		max-width: 22.5px !important;
		max-height: 30px !important;
		background-size: 22.5px 30px !important;
		margin-right: 5px !important;
	}
	.fullScreenMode #fvmain_menu ul li canvas{ 
		max-width: 18px !important;
		max-height: 30px !important;
		background-size: 22.5px 30px !important;
	}
	.fullScreenMode #fvmain_menu ul li.liFvFullScreen,
	.fullScreenMode #fvmain_menu ul li.liFvPageIcon
	{
		margin-right: 5px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.fullScreenMode #fvmain_menu ul li.liFvPageIcon .pageMenuIconText{
		margin-top: 5px !important;
		font-size: 6px !important;
	}
	.fullScreenMode #fvmain_menu ul li.liFvSaveContinueLinkLink{
		margin-left: 10px !important;
	}
	.fullScreenMode #formView #formViewWS{
		top: 45px !important;
		overflow: hidden !important;
	}
	.fullScreenMode #formView #formViewWS .toast{
		top: -20000px;
	}
	
	.fullScreenMode #fvmain_menu .svgIconContainer .svg-icon svg{
		width: 15px !important;
		height: 15px !important;
	}
	
	.fullScreenMode #fvmain_menu .svg-label{
		margin-top: 5px !important;
		font-size: 6px !important;
	}
	
	.fullScreenMode .mainJobsTab table th,
	.fullScreenMode .mainIncompleteFormTab table th{
		font-size: 12px;
		white-space: nowrap;
		overflow-x: hidden;
	}

	.mainMenuBarScroll.hide-scrollbar-4-10-items{
		overflow-x: initial !important;
	}
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 610px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait),
@media only screen
and (min-device-width: 320px)
and (max-device-width: 610px)
and (min--moz-device-pixel-ratio: 2)
and (orientation: portrait),
@media only screen
and (min-device-width: 320px)
and (max-device-width: 610px)
and (device-pixel-ratio: 2)
and (orientation: portrait)
{
	.modal.signinDialog  { 
		/*transform: scale(1.75);
		top: 200px;*/
	}
}

@media only screen
and (max-device-height: 610px)
and (orientation: landscape){
	.modal{
		top: 10px;
	}
}

/*@media screen and (max-width: 896px) {
	#fvmain_menu li.liFvFullScreen.fullScreenMode{
		display: none !important;
	}
}*/

/* @media only screen
and (max-width: 400px) {
	span.logo img {
		width: 150px;
	}
} */

@media only screen
and (max-device-width: 270px)
{
	.fullScreenMode #menu_contain #fvmain_menu{
		max-height: 18.5px;
	}
	.fullScreenMode #fvmain_menu ul li.header{ 
		margin-top: -3px !important;
	}
	.fullScreenMode #fvmain_menu ul li.header img{ 
		max-width: 76.5px !important;
	}
	.fullScreenMode #fvmain_menu ul li a{ 
		max-width: 18.5px !important;
		max-height: 20px !important;
		background-size: 18.5px 20px !important;
		margin-right: 5px !important;
	}
	.fullScreenMode #fvmain_menu ul li canvas{ 
		max-width: 15px !important;
		max-height: 20px !important;
		background-size: 18.5px 20px !important;
	}
	.fullScreenMode #fvmain_menu ul li.liFvFullScreen,
	.fullScreenMode #fvmain_menu ul li.liFvPageIcon
	{
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.fullScreenMode #fvmain_menu ul li.liFvPageIcon .pageMenuIconText{
		margin-top: 5px !important;
		font-size: 6px !important;
	}
	.fullScreenMode #fvmain_menu ul li.liFvSaveContinueLinkLink{
		margin-left: 10px !important;
	}
	.fullScreenMode #formView #formViewWS{
		top: 45px !important;
		overflow: hidden !important;
	}
	.fullScreenMode #formView #formViewWS .toast{
		top: -20000px;
	}
	
	.fullScreenMode #fvmain_menu .svgIconContainer .svg-icon svg{
		width: 15px !important;
		height: 15px !important;
	}
	
	.fullScreenMode #fvmain_menu .svg-label{
		margin-top: 5px !important;
		font-size: 6px !important;
	}
	
	.fullScreenMode .mainJobsTab table th,
	.fullScreenMode .mainIncompleteFormTab table th{
		font-size: 12px;
		white-space: nowrap;
		overflow-x: hidden;
	}
	
	.fullScreenMode #fvmain_menu ul li.liBackToFormView,
	.fullScreenMode #fvmain_menu ul li.mainMenuIcon,
	.openFormMode.formViewMain #fvmain_menu{
		padding-right: 0px !important;
	}
}