/* Create By D.G */
@media only screen and (min-width: 1700px) {
	
}
@media only screen and (min-width: 1200px) and (max-width : 1699px) {
}

@media only screen and (min-width: 1200px) {
	.dgcontainer{background-size:100% 105px;}
}

@media only screen and (min-width: 992px) and (max-width : 1199px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.dgcontainer {padding-top:150px;}
	.loginbox{-ms-flex: 0 0 300px; flex: 0 0 300px; max-width:300px; min-height:250px; padding:20px;}
	.loginbox a.btn{width:220px; font-size:18px; line-height:20px;}
	.loginico{width:90px; height:90px; padding:15px;}
}

@media only screen and (max-width: 767px) {
	.dgcontainer {padding-top:150px;}
	.loginbox + .loginbox{margin:55px 0 0;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	#header{padding-bottom:20px;}
	.dgcontainer{background-position:-138px 0; background-size:180% auto;}
	.loginbox{-ms-flex: 0 0 380px; flex: 0 0 380px; max-width:380px; padding:20px;}
	
}

@media only screen and (max-width: 479px) {
	#header{padding-bottom:20px;}
	.dgcontainer{background-position:-138px 0; background-size:180% auto;}
	.hmloginwrap .row{margin:0;}
	.loginbox{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; min-height:250px; padding:20px;}
	.loginbox a.btn{width:240px; font-size:20px; line-height:22px;}
	.loginico{width:90px; height:90px; padding:15px;}
}