@media only screen and (max-width: 720px) {
 .logoarea{
	width: 50%;
	height: 170px;
	float: left;
	margin-left: 25%;

}
.wardname{
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 45px;
	padding-top: 10px;
	border: 2px solid #26B709;
	margin-left: 15%;

}
.wardname h4{
float: right;
margin-right: 15%;
font-size: 25px;
margin-top: -1px;

}
.category{
	width: 97%;
	height: 50px;
	background-color: #35ACF8;
	float: left;
	margin-left: 15%;
	order: 10px solid #0D72B2;
	margin-top: 10px;

}
.category h3{
color: #ffffff;
font-size: 20px;
text-align: center;
margin-top:13px;
font-family: roboto;
}
.intropg{
	width: 100%;
	height: 55px;
	background-color: #B70916;
	float: left;
	margin-top: 45px;

}
.intropg p{
color:#fff;
text-align: center;
font-size: 15px;
font-family: roboto;

}
table {
            width: 100%;
            border-collapse: collapse;
        height: 60px;
            margin-top: 5px;
            float: left;
        }
        .group-name {
            background-color: #8009B1;
            margin-bottom: 20px;
            padding: 3px;
            color:#fff;
            font-size: 12px;
            font-family: roboto;
        }
         .contact-person {
            background-color: #17C508;
            margin-bottom: 20px;
            padding: 3px;
            font-size: 12px;
            font-family: roboto;
        }
        .contact-person-name {
            padding-left: 15px;
            padding: 3px;
            font-size: 12px;
            font-family: roboto;
            margin-bottom: 20px;
        }
         .separated-by-lines {
            width: 100%;
            border-bottom: 1px solid black;
            padding-bottom: 4px;
            margin-bottom: 5px;
            font-size:11px;
            font-family: roboto;
        }
        .tablename h4{
	float: left;
	font-size: 20px;
	color:#000;
	margin-top: -1px;
	font-family: roboto;
}
.tablename2 h4{
	float: left;
	font-size: 22px;
	color:red;
	margin-top: -1px;
	font-family: roboto;


}
.tablename3 h4{
	float: left;
	font-size: 22px;
	color#000;
	margin-top: -1px;
	font-family: roboto;


}
.paybill{
	width: 53%;
	height: 15px;
	background-color: yellow;
	float: left;
	padding: 10px;
	margin-left:15%;
}
.btn{
	width: 50%;
	height: 15px;
	background-color: yellow;
	float: left;
	margin-left: 15%;
	padding: 10px;
	padding-bottom: 10px;
	border: 6px solid red;
}

.btn h4{
	float: left;
	font-size: 11px;
	color:#000;
	margin-top: -1px;


}
.table-title {
            font-size: 20px;
            margin-bottom: 5px;
            float: left;
            width: 70%;
            margin-left: 15%;
            margin-top: 80px;
            font-family: roboto;
        }
        .table-description {
            background-color: #AC0B22;
            padding: 10px;
            margin-bottom: 20px;
             float: left;
             width: 69%;
             margin-left: 15%;
             font-family: roboto;
        }
         th {
            background-color: #f2f2f2;
            font-family: roboto;
            font-size: 13px;
        }
}