/* large phones/small tablets  ----------- */
@media only screen 
and (max-width : 767px)  {
	html{
		height: 100%;
		overflow: hidden;
	}
	
	body{
		height: 100%;
		overflow: scroll;
-webkit-overflow-scrolling: touch;
	}
	
	h1{
		font-size: 40px;
	}
	 
	.mobile-hide{
		display: block;
	}
	
	nav ul#account{
		border: 0;
    position: absolute;
    right: 0;
    top: 58px;
    background-color: #004C74;
	}
	
	.profile-photo{
		display: none;
	}
	
	nav ul#account li{
		padding: 10px;
	}
	
	nav ul#account > li ul.sub-menu{
		left: 0;
		margin-top: 9px;
	}
	
	nav ul li{
		font-size: .8em;
		padding-top: 10px;
    padding-right: 10px;
	}
	
	table{
		overflow-x: auto;
		display: block;
	}
	
	.time-frame, .select-date, .select-date.chart{
		width: 100%;
	}
	
	.comiseo-daterangepicker-bottom{
		float: none;
	}
	
	label{
		margin-bottom: 10px;
	}
	
	.form-wrap{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.portal_logo {
		display:block !important;
	}
	
	.portal_logo > img {
		max-width:fit-content(20em) !important;
		max-height:fit-content(20em) !important;
		padding-bottom:4px;
		display:block !important;
		margin-left:auto;
		margin-right:auto;
	}
	
	.company_label {
		font-size: .8em;
		margin-left:24px;
	}
	
	.test_jing > img {
		max-width:100% !important;
		padding-bottom:15px;
	}
}