/* Mobile friendly */

@media (max-width: 768px) {
	
.region-header-right .views-view-grid .row .col-lg-6.col-md-6.col-sm-12{width: 120px; } 
.ielm-footer-menu-wrapper ul {
    grid-auto-flow: row;          /* mobile par stack */
    gap: 12px;
  }
  #superfish-main-toggle > span {  font-size:0;} 
  .region-home-slider .slick-arrow, .region-footer-slider .slick-arrow{
    display: none !important;
  }
  .topbar {
    position: relative;
  }
  .topbar .row .col-lg-6:first-child{
    padding: 0px;
    width: 50%;
  }
  .topbar .row .col-lg-6:first-child a{
    font-size: 12px !important;
  }
  .topbar .row .col-lg-6.d-flex.justify-content-end{
    padding: 0px;
  }
  .topbar .row .col-lg-6.d-flex.justify-content-end .region.region-language{
        position: absolute;
        top: -38px;
        right: 6px;
  }
  .topbar .row .col-lg-6.d-flex.justify-content-end .align-items-center.d-flex.gap-2{
    width: 100%;
    margin-top: 5px;
  }
  .header-area .row{
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .header-area .row .col-lg-4{
    width: 15%;
     padding: 0
  }
  .header-area .row .col-lg-8{
    text-align: left !important;
    padding: 0;
    width: 85%
  }
  span.dept-logo-main {
    font-weight: 700;
    font-size: 62% !important;
    color: #4e86d1;
    display: inline-block;
    line-height: 118%;
    display: flex;
    align-items: center;
}
.view-content{
  display: block;
    text-align: center;
}
div.sf-accordion-toggle.sf-style-default a {
    padding: 10px 10px;
    position: relative;
    width: 38px;
    height: 38px;
}
div.sf-accordion-toggle.sf-style-default > a:after{
    transform: none !important;
    top: -9px;
    right: 9px;
}
.department-bg .card1.dept-card h5.card-title, .department-bg .card3.dept-card h5.card-title {
    font-size: 18px;
}
.assistant-area .list-group.list-group-flush{
      margin: 0 !important;
}
.ielm-footer-menu-wrapper ul {
        grid-auto-flow: row;
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }


  /* Header */
  /* .region-header-right .views-view-grid > .row > div:last-child {
    display: none !important;
  } */

  /* Expand remaining logo section */
  .region-header-right .views-view-grid > .row > div:first-child {
   padding: 0 !important;
  }
    .region-header-right .views-view-grid > .row {
    display: flex;
    margin: 0;
    justify-content: space-between;
  }
 

}
/* ============================= */
/* Default: Extra Small Devices */
/* Phones (<576px) */
/* ============================= */

/* No media query needed */
/* Write base CSS here */


/* ============================= */
/* Small Devices (≥576px) */
/* Large Phones */
/* ============================= */

@media (max-width: 375px) {
.topbar .d-flex.align-items-center{flex-flow: column-reverse;}
.topbar .form-type-search,
.region.region-search {width:100%;}
.region-header-right .views-view-grid .row { justify-content: revert; }
 .region-header-right .views-view-grid .row .col-lg-6.col-md-6.col-sm-12{width: 120px; }   
  
}
@media (max-width: 576px) {
 .region-header-right .views-view-grid .row .col-lg-6.col-md-6.col-sm-12{width: 120px; } 	
.ielm-footer-menu-wrapper ul { display:inline-block;}
}




/* ============================= */
/* Medium Devices (≥768px) */
/* Tablets */
/* ============================= */
@media (min-width: 768px) {
.header-area .row .col-lg-4 { width:25%;}
.header-area .row .col-lg-8 { width:72%;}


}


/* ============================= */
/* Large Devices (≥992px) */
/* Laptops */
/* ============================= */
@media (max-width: 800px) {
.region-header-right  .col-lg-4.col-md-4.col-sm-12	{}
.region-header-right .views-view-grid .row .col-lg-6.col-md-6.col-sm-12 { width:40%;}

}


/* ============================= */
/* Extra Large Devices (≥1200px) */
/* Desktops */
/* ============================= */
@media (min-width: 1200px) {

}


/* ============================= */
/* XXL Devices (≥1400px) */
/* Large Screens */
/* ============================= */
@media (min-width: 1400px) {

}
@media (max-width: 350px) {
	.region-header-right .views-view-grid .row .col-lg-6.col-md-6.col-sm-12 {width: 44%;}
}


@media (max-width: 375px) {
    .region-header-right .views-view-grid .row {
        justify-content: revert;
        gap: 15px;
    }
  }