.info-form{padding:20px; border:1px solid #ccc;}
.info-form > p{margin-bottom:15px; padding-bottom:5px; text-align:center; border-bottom:1px solid #ccc;}
.info-form table{width:100%;}

@media (max-width: 768px) {
    .info-form{}
    .info-form > p{}
    .info-form table{}
}

.info-form table>tbody>tr{height:46px;}
.info-form table>tbody>tr>th{text-align:left; border-right:1px solid #ccc; width:20%;} 
.info-form table>tbody>tr>td{padding-left:15px; width:80%;}
.info-form table>tbody>tr>td .phone{display:flex; align-items:center; width:100%;}
.info-form table>tbody>tr>td .phone div{width:33.33%;}
.info-form table>tbody>tr>td .phone span{padding:0 4px;}
.info-form table>tbody>tr>td.chice{}
.info-form table>tbody>tr>td.chice span{}
.info-form table>tbody>tr>td.chice span:first-child{margin-right:15px;}

.agree-form{padding:6px 0 10px;}
.agree-form li{font-size:14px; padding:3px 0 3px 10px ;}
.agree-form li a{display:inline-block; padding:2px 8px; border-radius:6px; text-align:center; font-size:13px; background-color:#4e4d55; color:#fff;}
 

@media screen and (max-width:480px) {

	.info-form table>tbody>tr>th{font-size:14px; width:35% important;}
	.info-form table>tbody>tr>td{width:65% !important;}
	.info-form table>tbody>tr>td .form-control{padding:6px 5px;}

}
@media screen and (max-width:360px) {

	.info-form{padding:20px 10px;}
	.info-form table>tbody>tr>th{font-size:14px; width:40% important;}
	.info-form table>tbody>tr>td{width:60% !important;}

}