table.basic {
width:60%;
    margin: 50px auto 5em;
    border-collapse: separate;
    border-spacing: 0px 10px;
	}
	table.basic th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
	border-right: 10px solid #ccc;
    color: #666;
	}
	table.basic td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
	}
	table.basic th.gray {
    width: 30%;
    border-right: #c30d19 10px solid;
	}
	table.basic td.r2 {
    width: 70%;
    border-left: #fff 1px solid;
    background: #fff;
	}
		table.basic td.r22 {
    width: 50%;
    background: #fff;
	}
		table.basic td.r3 {
    width: 33%;
    border-left: #fff 1px solid;
    border-right: #ccc 1px solid;
    background: #fff;
	}
	ul.dot li{margin-left: 20px;padding: 5px;}
	ul.none li{list-style-type: none; margin-left: -5px;padding: 5px;}
	
@media only screen and (max-width: 480px) { 
    table.basic { margin: 0; 
    width:100%;
    border-style:none;}
    .basic tr {
        display:block;
        margin-bottom: 10px;
        border-style:none;
    }
    table.basic th {
        display:block;
        width: 100%;
    }
    table.basic th.gray {
    width: 100%;
    border-left: #c30d19 10px solid;
    border-right:none;
	}

    table.basic td {
        display: list-item;
        width: 90%;
        margin-left: 10%;
        list-style-type: none;
        border-style:none;
    }
    table.basic td.r2{
        width: 80%;
    border-left: #fff;
    border-right: #fff;
    background: #fff;
    }
}






	table.basic2 {
    width:60%;
    margin: 50px auto 5em;
    border-collapse: collapse;
    border-spacing: 0px 10px;
	}
	table.basic2 th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
	border: 1px solid #ccc;
    color: #666;
	}
	table.basic2 td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
	}
	table.basic2 th.gray {
    width: 30%;
    border: #c30d19 1px solid;
	}
	table.basic2 td.r2 {
    width: 70%;
    border: #fff 1px solid;
    background: #fff;
	}
		table.basic2 td.r22 {
    width: 50%;
    background: #fff;
	}
		table.basic2 td.r3 {
    width: 33%;
    border: #ccc 1px solid;
    background: #fff;
	}
	ul.dot li{margin-left: 20px;padding: 5px;}
	ul.none li{list-style-type: none; margin-left: -5px;padding: 5px;}
	
@media only screen and (max-width: 480px) { 
    table.basic2 { margin: 0; 
    width:100%;
    border-style:none;}
    .basic tr {
        display:block;
        margin-bottom: 10px;
        border-style:none;
    }
    table.basic2 th {
        display:block;
        width: 100%;
    }
    table.basic2 th.gray {
    width: 100%;
    border-left: #c30d19 10px solid;
    border-right:none;
	}

    table.basic2 td {
        display: list-item;
        width: 90%;
        margin-left: 10%;
        list-style-type: none;
        border-style:none;
    }
    table.basic2 td.r2{
        width: 80%;
    border-left: #fff;
    border-right: #fff;
    background: #fff;
    }
}