/* RankLab final responsive guard - STEP 12-48 */
@media(max-width:767px){
  html,body{max-width:100%;overflow-x:hidden}
  .rl-container{width:calc(100% - 24px)!important;max-width:none!important}
  .rl-app,.rl-content,main,section,article{min-width:0}
  table{max-width:100%}
  img,svg,video,iframe{max-width:100%;height:auto}
  input,select,textarea,button{max-width:100%}
  .rl-dashboard-grid,.rl-section-grid,.rl121-grid,.rl1230-trending-grid,.rl1225-layout{
    grid-template-columns:1fr!important;
  }
  .rl-dashboard-grid>*,
  .rl-section-grid>*,
  .rl121-grid>*,
  .rl1225-layout>*{
    min-width:0!important;
    max-width:100%!important;
  }
  .rl-card,.rl1225-card,.rl1230-card{
    max-width:100%!important;
    overflow:hidden;
  }
}
@media(max-width:480px){
  .rl-container{width:calc(100% - 20px)!important}
}