@media screen and (max-width: 850px) {
	
	.block-footer{
		height: auto;
	}
    .block-footer > .footer-left,
	.block-footer > .footer-right{
		float: none;
		text-align: center;
	}
	.block-footer > .footer-right{
		margin-top: 20px;
	}
	
	.main-menubar{
		position: relative;
		height: auto;
		border: none;
		background-image: none;
		background-color: none;
		text-align: center;
	}
	.main-menubar > ul li{
		display: block;
		border-top: 1px #155b76 solid;
	}
	.main-menubar > ul ul{
		position: relative;
	}
	.main-menubar > .logout,
	.main-menubar > .logout:hover,
	.main-menubar > .logout:active,
	.main-menubar > .logout:focus,
	.main-menubar > .logout:visited{
		display: block;
		float: none;
		width: 100%;
		border: 0 solid transparent;
	}
	.main-menubar > .logout > i,
	.main-menubar > .logout:hover > i{
		margin: 0;
		display: inline-block;
	}
	.main-menubar > .logo{
		display: block;
		float: none;
		width: auto;
		margin: 0;
		padding: 10px 2px;
	}
	.main-menubar > .logo > img{
		height: 48px !important;
	}
	.main-menubar > .user{
		display: block;
		float: none;
		width: auto;
		margin: 0;
		padding: 2px 2px;
	}
	
	.header-trans-sreach{
		display: none;
	}
	
	.sub-menubar li{
		display: block;
		margin: 8px auto;
	}
	.sub-menubar li > a{
		border-width: 1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.block-footer > .footer-left > div{
		white-space: normal;
	}
	.dm-homepage-logo{
		margin: 3px;
		width: 300px;
		height: 70px !important;
	}

	.modal{
		border-width: 0 !important;
		border-radius: 0 !important;
	}
	.modal-content{
		width: 100vw !important;
		min-width: 100vw !important;
		max-width: 100vw !important;
		overflow-x: auto !important;
		box-sizing: border-box;
	}

	.table-width{
		overflow-x: auto;
	}
	.table-width > table{
		width: 100% !important;
		table-layout: initial;
		text-indent: initial;
	}
}