
@media (max-width: 1400px) {
    .new-hires img {
        min-width: 77px;
    }
    .new-hires-imgs {
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 1250px) {
    .quick-links {
        display: flex;
        flex-wrap: wrap;
    }
    .quick-links .title, .spaces .title, .new-hires h4, .events-section h4{
        width: 100%;
        display: block;
    }
    .quick-links > div{
        width: 100%;
    }
}
@media (max-width: 1134px) {
    .homepage .col-xs-5, .homepage .col-xs-7{
        width: 100%;
        max-width: 100%;
        margin-bottom: 1.5rem;
    }
}
@media screen and (max-width:1024px){
    .resp-hidden{
        display: none !important;
        visibility: hidden !important;
    }
    .lms-course-page {
        flex-wrap: wrap;
    }
    .lms-course-page .lms-course-page-vertical-divider {
        border-left: 1px solid #dcdcdc;
        display: none;
    }
    .lms-course-page .lms-course-page-objects {
        width: 100%;
        max-width: 100%;
        min-width: 100px;
    }
    .lms-course-page .lms-course-page-content{
        flex: auto;
    }
    .screen-full{
        height: auto !important;
        background: transparent !important;
    }
    .text-view-element, .video-view-element, .img-view-element, .quiz-view-element{
        position: initial !important;
        max-width: 1920px !important;
        top: auto !important;
        right: auto !important;
    }
}
@media (max-width: 768px) {
    .new-hires {
        max-width: max-content;
    }
    .homepage-wrapper {
      padding: 1rem;
    }
  
    .col-xs-5,
    .col-xs-7 {
      width: 100%;
      padding: 0;
    }
  
    .slider-text {
      position: static;
      width: 100%;
      height: auto;
      padding: 1rem;
      border-radius: 0;
    }
  
    .section-art .article {
      flex-direction: column;
      height: auto;
    }
  
    .section-art .article .img {
      max-width: 100%;
      border-radius: 12px 12px 0 0;
    }
  
    .section-art .article .img::after {
      display: none;
    }
  
    .section-art .article .text {
      max-width: 100%;
      border-radius: 0 0 12px 12px;
      padding: 1rem;
    }
  
    .new-hires-imgs {
      grid-template-columns: repeat(3, 1fr);
    }
  
    .quick-links {
      grid-template-columns: repeat(1, 1fr);
    }
  
    .spaces > div {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .img-space {
      margin-bottom: 0.5rem;
    }
  
    .events {
      flex-direction: column;
    }
  
    .slider-wrapper img {
      border-radius: 12px 12px 0 0;
    }
  
    .view-more #calendar_table.expanded {
      height: auto;
      position: static;
      box-shadow: 0 0 8px rgba(0,0,0,0.1);
      margin-top: 1rem;
    }
  
    .view-more #calendar_table {
      position: static;
      height: 0;
      transition: none;
    }
}
@media screen and (max-width:600px){
    .tabs-names {
        flex-wrap: wrap;
    }
    .tab-wrap{
        width: 50%;
    }
    .cds-breadcrumbs-list{
        display: none;
    }
    .rc-PreviousAndNextItem{
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .col-xs-5,
    .col-xs-7 {
      width: 100%;
    }
  
    .new-hires-imgs {
      grid-template-columns: repeat(4, 1fr);
    }
  
    .quick-links {
      grid-template-columns: repeat(2, 1fr);
    }
  
    .spaces > div {
      gap: 0.5rem;
    }
  
    .section-art .article .img::after {
      border-left: 50px solid white;
      border-bottom: 120px solid transparent;
      right: calc(30% - 50px);
    }
}