@media screen and (min-width: 768px) and (max-width: 870px) { 
.wrapper				{width:98%;}
.header h1				{ width: 485px;margin: 26px 0 0 22px;font-size: 35px;}
.left-section			{ width: 100%; float:none;}
.core-value-lists li h2	{ font-size: 22px;}
.left-section .shape		{
							display:none;
}
.right-section			{ float:none;  width: 100%; left:0;}
.hats-section			{width:100%; margin:0; padding: 30px 0 15px 20px;}
.core-value-lists li		{ width: 90% !important;}
.core-value-lists		{padding:20px;}
.help-lists ul.left		{width: 46%;}
.help-lists ul.right		{width: 46%;}
.right-section .men img {
						bottom: -1px;
						position: absolute;
						right: 0;
						width: 184px;
						z-index: 9999;
						}
img.rocket				{right: 30px;}						
}
@media screen and (min-width: 600px) and (max-width: 767px) { 

.wrapper				{width:98%;}
.header h1				{ width: 315px;margin: 26px 0 0 22px;font-size: 28px; line-height: 40px; letter-spacing: 0;}
.left-section			{ width: 100%; float:none;}
.core-value-lists li h2	{ font-size: 22px;}
.left-section .shape		{
							display:none;
}
#logo img				{width: 195px;}
.right-section			{ float:none;  width: 100%; left:0;}
.hats-section			{width:100%; margin:0; padding: 30px 0 15px 20px;}
.core-value-lists li		{ width: 90% !important;}
.core-value-lists		{padding:20px;}
.help-lists ul.left		{width: 100%;}
.help-lists ul.right		{width: 100%;}
.right-section .men img {
						bottom: -1px;
						position: absolute;
						right: 0;
						width: 184px;
						z-index: 9999;
						}
img.rocket				{right: 30px;}	
.social-icons			{ padding: 30px 22px;  }
}
@media screen and (min-width: 320px) and (max-width: 599px){
.wrapper				{width:98%;}
.header					{height:auto;background-image:none; text-align:center;}
#logo 					{ display: block; float: none;  text-align: center;}
.header h1 				{font-size: 28px; letter-spacing: -2px; line-height: 34px;  margin:5% auto 0;  width: 98%;}
img.rocket				{display:none;}

.left-section 			{float: none;  width: 100%;}
.left-section .shape		{display:none;}
.left-section h3 		{font-size: 18px; font-weight: bold;  line-height: 22px; padding: 15px 2%;  text-align: left;}
.core-value-lists		{padding:20px 0;}
.core-value-lists li 		{padding: 0 2% 17px; width: 96% !important;}
.core-value-lists li h2	{font-size:22px; height:26px;}


.right-section 			{float: none; left: 0; position: relative;  width: 100%;}
.right-section .men		{margin:0;}
.right-section .men img    {display: block;  margin: 0 auto;  text-align: center;width: 100%;}
.hats-section 			{ margin-left: 0; padding: 30px 0 15px 15%;  width: 100%;}




.maincontent .bottom 	{padding: 16px 4%;}

.help-lists ul.left 		{float: none; margin-right: 0;  width: 100%;}
.help-lists ul.right 		{float: none; width: 100%;}

.footer-corner			{display:none;}

.consultation-title h2 	{color: #231f20;font-size: 21px;line-height: 26px; padding-left: 0; text-align: center;}

.social-icons			 { padding: 10px 4%;	}
.social-icons ul li		 {width:100% !important; float:none;}