@media only screen and (max-width: 768px) {
  .img-maintenance{
	    position: absolute;
    bottom: -20%;
    width: 80%;
    left: 5%;
	


}
.error-page{ height: 600px;}
}



@media only screen and (max-width: 360px) {
  .img-maintenance{
	 position: absolute;
    
    bottom: -6%;
     }
.error-content{
	width:100%;
}
.error-content  h3{
	    font-size: 18px !important;
}
.error-page{ height: 450px;}
}

@media only screen and (max-width: 375px)
{
	.error-content{
		width:320px;
	}
	
	.cloud
	{
		width:100%;
		margin-top:20%;
	}
} 

@media only screen and (max-width: 414px)
{
	.error-content{
		width:265px;
	}
	.bao-tri
	{
		font-size:20px !important;
	}
	.cloud
	{
		width:100%;
		margin-top:20%;
	}
} 

@media only screen and (max-height: 320px)
{
	.error-page{
		height:320px !important;
	}
	.cloud
	{
		width:100%;
		margin-top:-30%;
	}
	.error-content{
		top:-20px;
	}
	.img-maintenance{
		width:70%;
		bottom:-5px;
	}
	.cloude{
		height:135px;
	}
}

@media only screen and (max-height: 375px)
{
	.error-page{
		height:375px !important;
	}
	.cloud
	{
		width:100%;
		margin-top:-30%;
	}
	.error-content{
		top: -5px;
	}
}

@media only screen and (max-height: 414px)
{
	.error-page{
		height:414px;
	}
	.cloud
	{
		width:100%;
		margin-top:-15%;
	}
}