@media screen 
and (min-width:320px) 
and (max-width:767px) {
.maindiv{width:100%;}
.logo img{width:75%;}
.arrow{width:9px; height:6px;}
.menu_bg {padding: 0;}
a.prev{right:-10px;}	
a.next{left:-10px;}
.rightpart{background:none; text-align:center; padding:25px 15px;}


/*css for 07-04-2015*/
.box {width:95%;}
.roster_table {width:100%;}
.addevent1list {width:192px;}
}

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

@media screen 
and (min-width:640px) 
and (max-width:767px) {
	
/*css for 07-04-2015*/
.box {width:100%;}
	
}

@media screen 
and (min-width:768px) 
and (max-width:959px) {
.maindiv{width:96%;}

}