@media only screen and (max-width: 767px) {
  .title {
    font-size: 40px;
  }
  p {
    font-size: 12px;
}
  header .img-resp {
    padding: 15px;
}
  .panel-heading {
    padding: 10px 8px;
  }
  .panel-body {
    padding: 8px;
}
  
}




/*-----------------  SM  ---------------*/
@media (min-width: 768px) and (max-width: 991px) {  
   
    
    
}




/*-----------------  MD  ---------------*/
@media (min-width: 992px) and (max-width: 1199px) {  
   
    
    
}




/*-----------------  LG  ---------------*/
@media (min-width: 1200px) {


    
}