@media screen and (max-width: 640px) {
	body{
		font-size: 12px;
	}
	.colseen{
		display: table-row;
	}
	.colseen .size{
		width: 60%;
		margin: 0 auto;
	}
	.rowseen{
		display: none
	}
	.problems table td{
		width: 50%;
	}
	.we table td{
		width: 50%;
	}
	.request{
		float: none;
		margin: 0 auto;
		margin-top: 50px;
		bottom: 10px;
	}
	.action{
		position: relative;
  		margin: 0 auto;
  		display: block;
  		margin-top: 20px;
  		bottom: 10px;
	}
	.head{
		height: inherit;
	}
	.bottombar table{
  		display: table;
	}
	.form{
		left: 0;
		right: 0;
		top: 10%;
		margin: 0 auto;
		position: relative;
		width: 210px;
	}
	.form2{
		left: 0;
		right: 0;
		top: 10%;
		margin: 0 auto;
		position: relative;
		width: 210px;
	}
	.thanks{
		left: 0;
		right: 0;
		top: 10%;
		margin: 0 auto;
		position: relative;
		width: 210px;
	}
	.close{
  		right: -219px;
  		  top: -255px;
	}
}
@media screen and (max-width: 590px) {
	body{
		font-size: 12px;
	}
	.info1{
		 width: 92%;
	}
	.head{
		/*height: 880px;*/
		height: inherit;
	}
	.topbar{
		height: 230px;
	}
	.topbar .wrapper img{
		height: 115px;
 		display: inherit;
  		float: none; 
   		margin: 0 auto;
	}
	.topbar table{
		float: none;
  		margin: 0 auto;
	}
	.topbar>.telephone{
	}
	.bottombar{
		height: 230px;
	}
	.bottombar table{
		float: none;
  		margin: 0 auto;
  		display: table;
	}

	.bottombar .wrapper > img{
		height: 115px;
 		display: inherit;
  		float: none; 
   		margin: 0 auto;
	} 
}