body {background: #e7e3e3; padding: 0px; margin: 0px; text-align: center;}
@media (min-width: 769px) {
	
	.top_menu {height: 80px; width: 100%; background: #01304e; text-align: center; color: #fff; font-family: Verdana, Arial;}

	.top_menu_tbl {margin-left: auto; margin-right: auto; height: 80px; display: table; width: 80%; max-width: 1000px;}

	.top_menu_center {text-align: center; display: table-cell; width: 50%; vertical-align: middle;}
	.top_menu_center a {color: #fff; text-decoration: none; font-size: 15px; margin-left: 4px; margin-right: 4px;}
	.top_menu_center a:hover {text-decoration: underline;}
	.top_menu_left {text-align: left; display: table-cell; width: 200px; vertical-align: middle; padding-left: 30px;}
	.top_menu_right {text-align: right; display: table-cell; width: 200px; vertical-align: middle; font-size: 18px; padding-right: 30px;}

	.phone_top_menu {display: none;}

	 
	.content {background: #fff; border-radius: 10px; margin-top: 15px; margin-bottom: 15px; width: 94%; max-width: 1000px; margin-left: auto; margin-right: auto; padding: 15px 0px;}

	.text_box {display: inline-block; text-align: left; margin: 15px; width: 420px; vertical-align: top;}
	div.icon_left {display: table-cell;}
	div.content_text {display: table-cell; vertical-align: top; text-align: left; padding-left: 10px;}

	div.why_box {margin-top: 15px; width: 450px; margin-left: auto; margin-right: auto;}
	div.why_text {display: table-cell; vertical-align: top; text-align: left; padding-left: 10px;}
	
	div.info_box {display: table; padding: 20px; margin-bottom: 30px;}
	div.icon_info {display: table-cell;}
	div.content_info {display: table-cell; vertical-align: top; text-align: left; padding-left: 10px;}

	h1 {font-size: 22px; padding: 0px; margin: 0px; margin-top: 15px; font-family: Tahoma;}
	h2 {font-size: 18px; padding: 0px; margin: 0px; font-family: Tahoma;}
	
	table.price td {padding: 7px 10px; font-size: 18px; text-align: left;}
}

@media (max-width: 768px) {

	.top_menu {display: none;}		
	.phone_top_menu {width: 100%; background: #01304e; text-align: center; color: #fff; font-family: Verdana, Arial;}
	
	h1 {font-size: 22px; margin-top: 15px; font-family: Tahoma;}
	h2 {font-size: 20px; padding: 0px; margin: 0px; font-family: Tahoma;}
			
	.content {background: #fff; border-radius: 10px; margin-top: 15px; margin-bottom: 15px; width: 94%; max-width: 1000px; margin-left: auto; margin-right: auto; padding: 15px 0px;}

	.text_box {display: inline-block; text-align: left; margin: 15px;}
	div.icon_left {display: table-cell;}
	div.content_text {display: table-cell; vertical-align: top; text-align: left; padding-left: 10px;}
		
	div.why_box {margin: 15px;}
	div.why_text {display: table-cell; vertical-align: top; text-align: left; padding-left: 10px;}

	div.info_box {padding: 20px;}
	div.icon_info {display: inline-block;}
	div.content_info {display: inline-block; vertical-align: top; text-align: left;}
	div.icon_info img {width: 100%;}
	div.content_info ul {padding-left: 15px; margin-left: 0px;}
	
	.phone_menu_btn {position: absolute; top: 10px; left: 20px;}
	
	.phone_top_menu_box {width: 100%; background: #01304e; display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: left; padding-left: 30px; z-index: 1000;}
	.phone_top_menu_box div {padding-top: 30px;}
	.phone_top_menu_box a {color: #fff; font-size: 24px; margin-top: 30px; text-decoration: none;}
		
	.close_white {position: fixed; top: 10px; right: 10px;}
	.active {display: block;}
	

	table.price td {padding: 7px 10px; font-size: 14px; text-align: left;}

}

table.price {max-width: 400px; width: 100%; margin-top: 15px;}
table.price tr.grey {background: #dfdcdc;}
	
h3 {padding: 0px; margin: 0px;}
h4 {padding: 0px; margin: 0px;}
p {padding: 0px; margin: 0px; margin-top: 3px;}