@media only screen and (max-width: 480px) {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
   		width: 100%;
		
	}  

    .content-box .content {
    overflow: hidden;
    padding: 10px;
    font-size: 85%;
    font-weight:100%;
    width:"33.33333%";
    height: "100%";
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #d0630e;
    color: #5A3EBC;
}
.content-box .title{
    height:25px;
    width:94%;
    line-height:30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size:16px;
    font-weight:bold;
    font-family:verdana;
    display:block;
    color:white;
    display:block;
    padding:10px;
    border: 1px solid #778899;
    border-bottom:none;
}

.content-box1 .content {
    overflow: hidden;
    padding: 4px;
    font-size: 8px;
    font-weight:normal;

    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #d0630e;
    color: #5A3EBC;
}
.content-box1 .title{
    height:30px;
    line-height:30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
   /* background:#d0630e; */
    background:#0D086E;	
    font-size:10px;
    font-weight:100%;
    font-family:verdana;
    display:block;
    color:white;
    display:block;
    padding:10px;
    border: 1px solid #778899;
    border-bottom:none;

}

}


@media screen and (max-width: 520px) {
	nav ul li {
		width: 33%;
	}
}
@media screen and (max-width: 500px) {
	
	nav ul li {
		width:50%;
		font-size: 85%;
	}




