@media screen and (max-width: 640px) {
	table {
		overflow-x: auto;
		display: block;
		
	}
	#t01
	{
width:92%;

	}
.table-forr {
width: 100%;
}
#from
{
margin-left:18px;
margin-bottom:10px;
}


}

.panelbody {
  
margin-left: 33%;

    margin-top: 1%;
}
.table-week
{
margin-left: 17%;
    margin-top: 2%;
	}
.table-forr
{
margin-top:1%;

  
	}

.panel
{
margin:auto;
width:80%;
}
.week
{
text-align:center;
}


table {
    width:50%;
}
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
 font-family: arial;
    font-size: 15px;
    padding: 5px;
}
table#t01 tr:nth-child(even) {
    background-color: #eee;
}
table#t01 tr:nth-child(odd) {
   background-color:#fff;
}
table#t01 th	{
   background-color: #696969;
    color: white;
    font-family: Arial;
    font-size: 15px;
    text-align: center;
}