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

  #cover-image-modal .modal-dialog,
  #profile-user-photo-modal .modal-dialog {
    max-width: 98% !important;
  }

  #cover-photo {
    height: 320px;
  }

  #extended-tile {
    border-radius: 10px;
  }

  #profile-tile {
    border-radius: 10px;
  }

  .stat-charts .custom-card {
    margin-top: 0;
  }

}

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

  #cover-image-modal .modal-dialog,
  #profile-user-photo-modal .modal-dialog {
    max-width: 98%;
  }

  #cover-photo {
    height: 320px;
  }

  #extended-tile {
    border-radius: 10px;
  }

  #profile-tile {
    border-radius: 10px;
  }

  .stat-charts .custom-card {
    margin-top: 0;
  }

}

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


  #cover-image-modal .modal-dialog,
  #profile-user-photo-modal .modal-dialog {
    max-width: 98%;
  }

  .tile-modals {
    padding: 10px 12px;
  }

  #cover-photo {
    height: 320px;
  }

  #extended-tile {
    border-radius: 10px;
  }

  #profile-tile {
    border-radius: 10px;
  }

  .stat-charts .custom-card {
    margin-top: 0;
  }

}

/* sm */
@media (min-width: 576px) and (max-width: 767px) {

  #cover-image-modal .modal-dialog,
  #profile-user-photo-modal .modal-dialog {
    max-width: 98%;
  }

  .tile-modals {
    padding: 20px;
    margin-top: 0;
  }

  .profile-name {
    text-align: center;
  }

  #extended-tile-tm {
    padding-top: 5px;
    padding: 0 0 0 0;
  }

  .profile-user-photo i.fa-user {
    font-size: 100px;
  }

  .profile-user-photo a.profile-user-camera {
    padding: 4px 6px;
    font-size: 18px;
  }

  .real-name {
    text-align: center;
  }

  #cover-photo {
    height: 160px;
  }

  #extended-tile {
    border-radius: 10px;
    position: relative;
    top: 20px;
  }

  #profile-tile {
    border-radius: 10px;
    position: relative;
    top: 10px;
  }

  #extended-tile .nav-tabs>li {
    margin-right: 6px;
  }

  .custom-edit-panel .user-guide {
    padding-top: 12px;
    margin-bottom: 20px;
  }

  .most-least-popular .custom-card .img-details {
    margin-bottom: 20px;
  }

  .stat-charts .custom-card {
    margin-top: 0;
  }

  .custom-edit-panel {
    height: auto;
    min-height: 200px;
    padding-top: 22px;
  }

  .custom-switch {
    left: 20px;
    margin-top: 0;
    position: initial;
    padding-left: 0;
  }

  .link-group {
    text-align: center;
  }

}

/* xs */
@media (max-width: 575px) {

  .tile-modals {
    padding: 20px;
    margin-top: 0px;
  }

  .profile-name {
    text-align: center;
  }

  #extended-tile-tm {
    padding: 0;
    margin-top: 10px;
  }

  #extended-tile {
    border-radius: 10px;
    position: relative;
    top: 20px;
    background: #ffffff;
  }

  #profile-tile {
    border-radius: 10px;
    position: relative;
    top: 10px;
  }

  #extended-tile .nav-tabs>li>a {
    border-bottom: none;
    background: #ffffff;
  }

  #comparison-modal .modal-body {
    position: relative;
    padding: 10px;
  }

  #comparison-modal .modal-body h3 {
    line-height: 12px;
  }

  .real-name {
    text-align: center;
  }

  #extended-tile .nav-tabs>li {
    float: none;
    display: inline-block;
  }

  #cover-photo {
    height: 160px;
  }

  #extended-tile .nav-tabs>li {
    margin-right: 6px;
  }

  .display-name-profile {
    margin-right: 12px;
  }

  .custom-edit-panel .user-guide {
    padding-top: 0;
  }

  .custom-edit-panel .symbol-text {
    padding-top: 0;
  }

  .edit-custom-formula,
  .edit-symbol-lists {
    height: auto !important;
    min-height: auto;
  }

  .link-group {
    text-align: center;
  }

  .custom-edit-panel textarea {
    height: 150px;
  }

  .custom-edit-panel .user-guide {
    padding-top: 12px;
    margin-bottom: 20px;
  }

  .custom-switch {
    left: 20px;
    margin-top: 0;
    position: initial;
    padding-left: 0;
  }

  .no-configurations .link-group a {
    font-size: 16px;
  }

  .custom-edit-panel {
    height: auto;
    min-height: 200px;
    padding-top: 22px;
  }

  .full-list-panel .custom-card {
    min-height: 250px;
  }

  .full-list-tile .dataTables_wrapper {
    min-height: 250px !important;
  }

  .custom-card .panel-body .title {
    font-size: 14px;
  }

  .full-list-panel .custom-card .panel-body .detail {
    margin-bottom: 3px;
  }

  .full-list-panel .custom-card .img-details {
    height: 150px;
  }

  .full-list-panel .custom-card .panel-body .title {
    font-size: 16px;
  }

}