@media only screen and (min-width : 1220px) {

#mid0 {
width: 100%;
height: auto;
float: left;
}

#midcontent0 {
width: 80%;
height: auto;
margin-left:10%;
margin-right:10%;
margin-top: -25px;
} 
  
#content {
width: 100%;
height: auto;
float:left;
}
  
}

/************************************************************************************
For Tablets
*************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 1219px) {

#mid0 {
width: 100%;
height: auto;
float: left;
}

#midcontent0 {
width: 80%;
height: auto;
margin-left:10%;
margin-right:10%;
margin-top: -25px;
} 
  
#content {
width: 100%;
height: auto;
float:left;
}
  
}

/************************************************************************************
For Smartphones
*************************************************************************************/
@media screen and (max-width: 767px) {

#mid0 {
width: 100%;
height: auto;
float: left;
}

#midcontent0 {
width: 90%;
height: auto;
margin-left:5%;
margin-right:5%;
margin-top: -25px;
} 
  
#content {
width: 100%;
height: auto;
float:left;
}    
  
}