@media (min-width:641px){
	#layout_head_middle_div #mdt-app-dl{
		display:none;
	}
}

@media (max-width:640px){
	body:has(#mdt-app-dl) #head-section {
		background: linear-gradient(180deg,rgba(40, 134, 188, 1) 0%, rgba(156, 202, 229, 1) 75%, rgba(182, 216, 236, 1) 76%, rgba(255, 255, 255, 1) 100%);
	}
	
	body.mdt-app-content {
		background-position: right bottom 75px, 0 207px!important;
	}

	body.mdt-app-content #head-section {
		padding: 0px 0px 11px!important;
	}

	#mdt-app-dl,
	#mdt-app-dl h4,
	#mdt-app-dl p,
	#mdt-app-dl a,
	#mdt-app-dl span
	{
		color: #fff;
		font-size: 24px;
	}

	#mdt-app-dl p {
		font-size: 15px;
	}

	#mdt-app-dl {
		height: 110px;
		margin-top: 60px;
		background: rgb(28, 103, 162);
		background: -moz-linear-gradient(90deg, rgba(45,145,200,1) 30%, rgba(155,201,228,1) 100%);
		background: -webkit-linear-gradient(90deg, rgb(28, 104, 163) 30%, rgba(155,201,228,1) 100%);
		background: linear-gradient(90deg, rgb(29, 106, 164) 30%, rgba(155,201,228,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d91c8",endColorstr="#9bc9e4",GradientType=1);
		font-family: 'MyriadPro-Regular',sans-serif;
	}

	#mdt-app-dl td {
		padding: 10px 5px;
	}

	#mdt-app-dl h4,
	#mdt-app-dl p {
		margin: 10px 0px;
	}
		
	#mdt-app-dl span.close {
		margin-left: 5px;
		color: #fff;
		background: #fff;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-moz-background-clip: text;
		-moz-text-fill-color: transparent;
		-ms-background-clip: text;
		-ms-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}

	#mdt-app-dl span.close::before {
		content: "\2716";
		color: #fff!important;
	}

	#mdt-app-dl img.logo {
		border-radius: 10px;
		padding: 10px;
		background-color: white;
		display: block;
		height: 90px;
	}

	#mdt-app-dl a.dl-btn {
		background-color: #f29300;
		padding: 10px;
		border: solid 3px white;
		text-decoration: none;
		color: white;
	}

	#mdt-app-dl a.store-btn {
		width: 45%;
		display: inline-block;
	}

	#mdt-app-dl img.store-logo {
		width: 100%;
	}

	#mdt-app-dl .store-icons {
		/* display: none; */
		text-align: center;
	}
}

@media (max-width:440px){
    #mdt-app-dl img.logo {
		border-radius: 10px;
		padding: 10px;
		background-color: white;
		display: block;
		height: 60px;
	}
   #mdt-app-dl h4, #mdt-app-dl p {
		margin: 3px 0px;
	}
    #mdt-app-dl,
	#mdt-app-dl h4,
	#mdt-app-dl a,
	#mdt-app-dl span
	{
		font-size: 19px;
	}
}