/* CSS Document */
@media screen and (max-width: 810px) {
	.diagnostic2, .diagmain, .diagmain p, .footerx2, .footerlinks {
		width: 100%;
	}
	.mapicon {
		padding: 7px 15px;
	} 
	.left1, .right1 {
		padding: 13px 15px;
	}
	.diagmain, .footerx2, .solar {
		padding: 0px 20px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.solar2 {
		-webkit-transform: scale(0.8);
		margin: 0% 0% 0% -20%;
		width: 100%;
	}
	#closey {
		margin-right: -20%;
	}
	.result {
		width: 100% !important;
	}
	.answerimage {
		bottom: 20px;
		right: 40px;
	}
	.answerbutton {
		float: left;
		clear: left;
	}
	.footerlinks, .ehdm {
		display: block;
	}
	.ehdm {
		float: none;
		padding: 20px 0px;
		margin: initial;
	}
}
@media screen and (max-width: 410px) {
	#closey {
		top:20px;
		left:0px;
		font-size:55px;
		right:initial;
	}
	.closex {
		font-size:35px;
	}
	.left1, .right1 {
		padding: 23px 10px;
	}
	.skip {
		margin-top: 40px;
	}
	.skip::after {
		margin-left: 25px;
	}
	.diagmain h1 {
		font-size: 32px;
		margin-top: 40px;
	}
	.diagmain h1 img {
		float: left;
	}
	.diagmain p, .question p {
		font-size: 16px;
	}
	.footerlinks {
		text-align: center;
	}
	.dotstyle2-smalldotstroke li p {
		width: 170px;
	}
	.chose2 {
		font-size: 22px;
	}
	.result {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.answerimage, .hide-mobile {
		display: none;
	}
	.answerbutton {
		padding: 15px 20px;
		display: block;
	}
	.projectmap {
		width: 100%;
		left:-100%;
	}
	.keyx {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		bottom: 200px;
		left: 0px;
	}
	.solar {
		overflow: hidden;
		height: 700px;
		padding: 0px 10px;

	}
	.solar2 {
		transform: rotate(90deg) scale(0.6);
		-webkit-transform: rotate(90deg) scale(0.6);
		-moz-transform: rotate(90deg) scale(0.6);
		margin-left: -30%;
		margin-top: -55%;
	}
	.solarpanel1, .solarpanel2, .solarpanel3, .solarpanel4 {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
	}
	.mapicon {
		padding: 17px 10px;
	}
	.show-mobile {
		display: block !important;
	}
	.diagnostic {
		height: 75px;
	}
	.openmap {
		float: right;
		padding: 17px 10px;
		border-left: none;
	}
	.pname {
		margin: 16px 0px 0px 10px;
		clear: both;
	}
	.logo {
		padding-left: 20px;
		margin-left: 0px;
		margin-top:10px;
	}
	.left1, .mob-a {
		border-left: none !important;
	}
	.solar {
		top: -625px;
	}
	.lineme {
		display:none;
	}
	.ui-accordion .ui-accordion-header {
		font-size:18px !important;
		padding:10px;
	}
}