@media screen and (max-width: 787px) {
	.dropdown-content {
  margin-left:5px;}
	--main-bg-color: #ddf;
	.lmid,.righter,.page-footer{
	margin-left:50px;
	padding-left:20px;
}
.leftpl,.leftlistop p{display:none;}::-webkit-scrollbar{display:none;}
	
	.bother,.lefter{overflow:scroll;width:auto;}
  .left{
	  background-color:#ddf;
	  top:57px;
	  width:50px;
	  box-shadow:1px 1px 5px 0px #def;
  }
  .leftlist,.leftlistop{
	background-color:#ddf;	
	box-shadow:1px 1px 5px 0px #fff;
}
.leftlist:hover{
	background-color:#fff;	
	box-shadow:1px 1px 5px 0px #def;
}
.leftsvg{
	width:18px;
	height:18px;
	float:none;
	margin-left:12px;
	filter: invert(0%);
}
.dbl{margin-top:-25px;}.db2{margin-bottom:15px;}
.leftp, .leftpl{display:none;}
.lmid,.righter,.page-footer{
	width:auto;
	margin-left:0;
	padding-left:60px;
	overflow:hidden;
	column-count:1;
	height:auto;
}
.page-footer .ftl,.page-footer .ftm1,.page-footer .ftm2,.page-footer .ftr{
	float:none;
	margin-bottom:0;
	width:250px;
	height:150px;
	margin-left:0;
	max-width:100%;
}
.txbxs,.txbxl{
max-width:200px;}}

/*End of this element*/
@media screen and (max-width: 600px) {
	.container{
	max-height:50px;}
.logo{
	width:100px;
	padding-top:8px;}
	.left{
	  top:48px;}
/*End of this element*/
@media screen and (max-width: 450px) {
	
}
/*End of this element*/
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}