@media only screen and (max-width: 1024px) {

  .items-block ul li {
    width: 100%;
    margin-bottom: 11px;
  }

  .items-block ul li svg {
    font-size: 31px;
    margin-bottom: 0;
    width: 55px !important;
    height: 68px;
    padding: 13px !important;
    margin-right: 15px;
  }

  .items-block ul li a {
    display: flex;
    font-size: 15px;
    height: 50px;
  }


  .view-id-news .view-content img {
    height: 350px;
  }

  footer .menu--footer li>a,
  .copy-right {
    font-size: 11px;
  }

  footer .menu--footer li>a {
    padding: 0 4px;
  }

  .view-discounts .views-col,
  .view-id-announcements .views-view-grid .views-col {
    margin: 15px;
  }

  .view-id-circulars .views-col,
  .path-events .views-col {
    width: 48% !important;
  }

  .path-events .views-col {
    width: 31% !important;
  }

  .news-slider-block {
    position: relative;
    margin-top: -45px;
  }

  .img-user img {
    height: 260px;
    margin-top: 30px;
  }

  .path-news .view-id-news .views-col,
  .path-employee-s-news .view-id-news_employees .views-col {
    margin: 15px;
  }

}

@media only screen and (max-width: 768px) {

  .img-user {
    margin-top: 85px;
  }

  .img-user img {
    height: 180px;
  }

  .items-block ul li {
    width: 100%;
    margin-bottom: 13px;
  }

  .items-block ul li {
    width: 100%;
  }

  .items-block ul li svg {
    font-size: 31px;
    margin-bottom: 0;
    width: 55px !important;
    height: 68px;
    padding: 13px !important;
  }

  .items-block ul li a {
    flex-wrap: nowrap;
    justify-content: left;
    padding-bottom: 0px !important;
    align-items: center;
  }

  .items-block ul li a:before {
    width: 50px;
    background-size: 20px;
    background-position: center center;
    min-width: unset;
    height: 100%;
  }

  .block-title {
    font-size: 2rem;
  }

  .block-title::before {}

  footer {
    padding: 15px !important;
  }

  footer .menu--important-link li>a {
    font-size: 12px;
  }

  footer .menu--footer li>a {
    font-size: 8px;
    padding: 0 3px;
  }

  .copy-right {
    font-size: 10px;
  }

  .statistics-block .item-statistics .name-stat {
    font-size: 15px;
  }

  .statistics-block .item-statistics .time-stat {
    font-size: 26px;
  }

  .view-discounts .views-col,
  .view-id-announcements .views-view-grid .views-col {
    width: 45.8% !important;
    margin: 15px;
  }

  .views-field.views-field-field-event-date-1 {
    left: 38px;
    font-size: 40px;
  }

  .item-event .views-field-field-event-date {}

  .item-event .views-field-title {
    padding: 10px;
    font-size: 17px;
    width: calc(100% - 120px);
  }

  .view-id-news_employees .view-content img {
    height: 452px;
  }

  .path-news .view-id-news .views-col,
  .path-employee-s-news .view-id-news_employees .views-col {
    width: 45.5% !important;
    margin: 15px;
  }

  .news-slider-block {
    position: relative;
    margin-top: -38px;
  }

  .news-block {}

  .view-id-news_employees .view-content img {
    height: 350px;
  }

  /* Inner */
  .view-id-circulars .views-col,
  .path-events .views-col {
    width: 47.5% !important;
  }

  .view-id-circulars time {
    font-size: 13px;
  }

  .view-id-circulars .views-field.views-field-body,
  .path-events .views-field.views-field-body {
    font-size: 15px;
  }

  .path-events .views-col:nth-child(2) {
    margin-right: 0;
  }

  .path-events .views-col:nth-child(3) {
    margin-right: 30px;
  }

  .user-logged-in .region-content dl dt {
    margin: 10px 20px;
    flex: 1 0 30%;
  }
}


@media only screen and (max-width: 640px) {
  .header-logos {
    text-align: center;
    display: inherit;
    margin-bottom: 60px;
    margin-top: 50px;
  }

  .header-logos a {
    text-align: center;
    position: relative;
    display: initial
  }

  .header-logos img {
    height: 60px;
  }

  .portal-logo-txt {
    margin-left: 5px;
    top: 5px;
    position: relative;
  }

  footer .container {
    padding: 0;
  }

  .logo-footer {
    text-align: center;
  }

  .social-media,
  footer .menu--footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .social-media ul {
    padding: 0;
  }

  .copy-right {
    font-size: 10px;
    width: 100%;
    text-align: center;
    display: block;
  }

  footer .menu--footer {
    float: none;
  }

  footer .menu--footer li>a {
    font-size: 12px;
  }



  .img-user img {
    margin: 0 auto;
    /* width: 80%; */
    height: 500px;
    box-shadow: 0px 0px 6px 2px #ddd;
  }

  .items-block {
    padding: 15px 0;
  }

  .views-field-field-name a {
    font-size: 23px;
    margin-top: 40px;
    margin-bottom: 6px;
  }

  .views-field-field-employee-number {
    float: left;
  }

  .views-field-field-department span,
  .views-field-field-employee-number span {
    padding-right: 10px;
  }

  .path-frontpage .main-container {
    margin: 0;
  }

  .main {
    padding: 15px;
  }

  .path-frontpage .main {
    padding-top: 0;
  }

  .block-service .block-title {}

  .block-views-blockservices-block-1 .views-view-grid .views-col {
    width: 100% !important;
  }

  .top-header {
    flex-direction: column-reverse;
    display: flex;
  }

  .details-calss {
    margin-top: -15px;
    height: auto;
    padding-top: 70px;
    position: relative;
  }

  .menu-user {
    position: absolute;
    top: 15px;
    width: 100%;
    right: 0;
    left: 15px;
  }

  .menu-user ul {
    padding: 0px;
  }

  .details-calss * {
    text-align: left;
    justify-content: left;
    float: none;
    margin: 0;
  }

  .img-user {
    margin-top: 15px;
  }

  .news-slider-block {
    margin-top: 0;
  }

  .views-field-field-department,
  .views-field-field-employee-number,
  .time-details,
  .emp-number,
  .dept {
    font-size: 14px;
  }

  .menu-user ul li a {
    width: 45px;
    height: 45px;
    margin-left: 0px;
    margin-right: 5px;
  }

  .menu-user ul li a svg {
    font-size: 22px;
  }

  .statistics-block .item-statistics:last-child {
    margin-bottom: 30px;
  }

  .item-event .views-field-field-event-date .item-event .views-field-field-event-date {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 120px;
  }

  /* Inner */
  .view-discounts .views-col,
  .view-id-announcements .views-view-grid .views-col {
    width: 100% !important;
    margin: 0;
    margin-bottom: 20px;
  }

  .path-node .field--type-image {
    width: 100%;
  }

  .view-id-circulars .views-col,
  .path-events .views-col {
    width: 100% !important;
  }

  .path-news .view-id-news .views-col,
  .path-employee-s-news .view-id-news_employees .views-col {
    width: 100% !important;
    margin: 0;
    margin-bottom: 30px;
  }

  .path-news .attachment .views-view-grid.horizontal {
    width: 100%;
  }

  .path-news .views-field.views-field-body {
    height: inherit
  }

  .main-container {
    margin: 15px;
  }

  .header-inner-page .logo img {
    height: 60px;
  }

  .region-footer-important-link * {
    text-align: center;
  }

  .region-footer-important-link {
    margin-bottom: 20px;
  }

  /* Header Inner */
  .header-inner-page .navbar-brand {
    display: block;
  }

  .navbar-toggle {
    background-color: #00bc96;
    border: 1px solid #00c094;
  }

  .navbar-toggle .icon-bar {
    background: #fcfaf9;
  }

  .menu-inner {
    z-index: 999999;
    position: relative;
    background: #fff;
  }

  .menu-inner .nav>li {
    text-align: center;
    border-bottom: 1px solid #ccc;
  }

  .menu-inner .nav>li a {
    text-align: center;
    width: 100%;
  }

  #block-nhc-iportal-main-menu .navbar-nav {
    margin: 0;
    padding: 0;
  }

  #block-nhc-iportal-account-menu .navbar-right {
    background: none;
    margin: 0;
    padding: 0;
  }

  #block-nhc-iportal-account-menu .navbar-right>li>a {
    color: #3e3d3d;
    font-weight: normal;
    text-align: center;
    width: 100%;
  }

  .user-logged-in .region-content dl dt {
    flex: 1 0 50%;
  }

  ul.menu.menu--dashboard.nav {
    display: block;
  }

  ul.menu.menu--dashboard.nav>li {
    width: 100%;
    margin-bottom: 20px;
  }

  a#site-dashboard-link {
    position: absolute;
    padding: 6px 15px;
    top: 0;
    width: 100%;
  }

  a#site-dashboard-link img {
    height: 30px;
    display: inline-flex;
    margin-bottom: 0;
    padding-right: 10px;
  }

  .block-aladhan-prayer-times {
    margin-top: 15px;
  }

  .path-frontpage .language-switcher-language-url ul {
    z-index: 999999999999999;
    list-style: none;
    top: 0;
  }

  .header-logos-inner img {
    height: 45px;
  }

 .language-switcher-language-url ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: inherit;
    top: inherit;
    display: block;
  }

.language-switcher-language-url {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

 .language-switcher-language-url ul a {
    color: #3e3d3d;
    background: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
    display: block;
    text-align: center;
    border-bottom: 1px solid #ccc;
  }

  .region.region-navigation-collapsible {
    margin-top: 20px;
  }

  .path-projects-blog .region-content #block-nbdhtnalshrkt ,
  .path-projects-blog .region-content #block-twitterblock  {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .view-id-projects_blog .view-content .views-row ,
  .right-node-porject,
  .left-node-porject{
    width: 100% !important;
  }



}

@media only screen and (max-width: 320px) {
  .suggestions .block-block-content .field--name-body p {
    font-size: 25px;
  }

  .suggestions .block-block-content .field--name-body h3 {
    font-size: 15px;
  }
}