@media screen and (max-width: 767px){
  body
  {
    background: #fff;
  }
  #artifact_content iframe{
    width: 100%;
  }
  .tab-content{
     padding: 0!important;
     border: none!important;
   }
   a.individual-modality{
    height: auto;
  }
  .groups_share_dialog:before {
    border-bottom-color: #b5b1a8 !important;
    left: auto !important;
    right: 15px !important;
    top: -23px !important;
    border-right-color: transparent !important;
  }
  .groups_share_dialog:after {
    border-bottom-color: #ffffff !important;
    left: auto !important;
    right: 15px !important;
    top: -22px !important;
    border-right-color: transparent !important;  
  }
  #artifact_content .hide{
    display: none !important;
  }
}

@media screen and (max-width: 900px){
  .tab-link{
    margin-right: 7px !important;
  }
  .x-ck12-mathEditor[mathmethod="inline"], .x-ck12-mathEditor[data-mathmethod="inline"] {
      overflow-x: auto;
      display: inline-flex;
      max-width: 100%;
  }
}

@media only screen and (max-width:425px){
    .confirm_modal{
        width: 290px !important;
    }
}

@media screen and (max-width: 359px){
    .groups_share_dialog {
        width: 280px !important;
    }
    .groups_share_dialog a {
        display: block;
        margin-top: 15px;
    }
    .sharetogroups {
        right: 220px !important;
    }
}