/* ================= RESPONSIVE ================= */
  @media (max-width: 768px) {
    .logo-text {
      display: none;
    }
  
    .search-mpwcal:focus-within .global-search-col {
      width: 200px;
    }
  }




.unee-header-custom  li{ border-right: 1px solid #FFFFFF36; padding-inline: 8px; font-size: 13px;}
.unee-header-custom>li:last-child{border-right: none}

.list-unstyled li img{min-width: 20px; max-width: 20px;}

.navbar>.container{justify-content: center !important;}
.sf-style-default li{background: none !important;}
ul.sf-menu.sf-style-default span.nolink{color: white;}
ul.sf-menu .sf-sub-indicator:after{content: url(../icons/arrow-down-b.svg) !important;}

/* ul.sf-menu.sf-style-default a.is-active {background: #f2f2f2;outline: 0;color: black;border-radius: 10px;} */
ul.sf-menu.sf-style-default a.is-active {
    background: transparent !important;
}
#block-unee-mainnavigation .sf-depth-2 a{
    background: white !important;
}


/* Vertical separator */

@media (max-width: 768px) {
    .hero-stats {
        flex-wrap: wrap;
        gap: 20px;
        padding: 10px;
    }

    .stat-item {
        width: 45%;
        justify-content: center;
    }
}
  /* Mobile adjustments */
  @media (max-width: 768px) {
    .stat-item {
      padding: 0 15px;
      border-right: none;
    }
    .stat-item h5 {
      font-size: 16px;
    }
  }

/* =========================================
     RESPONSIVE ONLY
     No changes for standard / large screens
  ========================================= */
  
  @media (max-width: 1199px) {
    .hero {
      min-height: auto;
    }
  
    .hero-content {
      height: auto !important;
      z-index: 20;
    }
  
    .header {
      z-index: 30;
    }
  
    .navbar {
      position: relative;
      z-index: 30;
    }
  
    .hero-slider-main .slick-slide img,
    .hero-slider .slick-slide img,
    .hero-slider-wb .slick-slide img {
      width: 100%;
      height: 520px;
      object-fit: cover;
    }
  
    .header .container > .d-flex {
      flex-wrap: wrap;
      gap: 12px;
    }
  
    .buttons-mpwcal {
      margin-left: auto;
      gap: 10px;
    }
  
    .container_carousel {
      width: calc(100% - 30px);
      bottom: 18px;
      transform: translateX(-50%);
    }
  
    .hero-statsanas {
      position: relative;
      z-index: 10;
    }
  
    .stat-item {
      padding: 0 18px;
      gap: 10px;
    }
  
    .stat-item .icon img {
      width: 38px;
    }
  
    .stat-item h5 {
      font-size: 16px;
    }
  
    .stat-item p {
      font-size: 12px;
      white-space: normal;
    }
  
    .hero-slider-stats .slick-next {
      right: -12px;
    }
  
    .minister-section {
      margin-top: -25px;
      padding: 35px 0 55px;
    }
  
    .minister-card {
      min-height: 220px;
      padding: 22px 20px 58px;
    }
  
    .minister-card h6 {
      font-size: 14px;
    }
  
    .minister-card p {
      font-size: 12px;
      line-height: 1.5;
    }
  }
  
  @media (max-width: 991px) {
    .hero {
      min-height: auto;
      overflow: hidden;
    }
  
    .hero-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 20;
    }
  
    .hero-slider-main .slick-slide img,
    .hero-slider .slick-slide img,
    .hero-slider-wb .slick-slide img {
      height: 460px;
    }
  
    .header .container > .d-flex {
      flex-wrap: wrap;
      align-items: center !important;
      gap: 10px;
    }
  
    .logo-text {
      flex: 1 1 auto;
    }
  
    .buttons-mpwcal {
      margin-right: 22px;
      display: flex;
    }
  
    .navbar {
      margin-top: 8px;
      padding: 6px 0;
      background: rgba(0, 0, 0, 0.72);
    }
  
    #superfish-main {
      display: none !important;
    }
  
    .sf-accordion-toggle {
      display: flex !important;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin: 0;
    }
  
    .sf-accordion-toggle a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 10px 18px;
      border-radius: 8px;
      background: #2cbf79;
      color: #fff !important;
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
    }
  
    #superfish-main-accordion {
      display: block !important;
      width: 100%;
      margin-top: 10px;
      padding: 10px 0;
      background: rgb(33 37 41);
      border-radius: 10px;
      position: relative;
      z-index: 40;
      text-align: center;
      height: 100vh;
    }
  
    #superfish-main-accordion > li {
      width: 100%;
      display: block;
      margin: 0;
    }
  
    #superfish-main-accordion .nav-link,
    #superfish-main-accordion span.nolink {
      width: 100%;
      display: flex !important;
      align-items: center;
      justify-content: start;
      text-align: center;
      padding: 12px 16px !important;
      font-size: 14px;
      line-height: 1.4;
      color: #fff !important;
      background: transparent !important;
    }
  
    #superfish-main-accordion span.nolink.sf-with-ul {
      position: relative;
      padding-right: 34px !important;
    }
  
    #superfish-main-accordion span.nolink.sf-with-ul .sf-sub-indicator {
      position: absolute;
      right: 14px;
      margin-left: 0;
    }
  
    #superfish-main-accordion .sf-depth-2 a {
      display: block;
      width: 100%;
      padding: 10px 16px !important;
      text-align: center;
      font-size: 13px;
      color: #fff !important;
      background: transparent !important;
    }
  
    .container_carousel {
      width: calc(100% - 24px);
      bottom: 12px;
    }
  
    .hero-slider-stats .slick-next {
      right: 0;
    }
  
    .hero-slider-stats .slick-prev {
      left: 0;
    }
  
    .minister-section {
      margin-top: 10px;
      padding: 30px 0 50px;
    }
  
    .minister-section .row > div[class*="col-"] {
      padding: 0;
      display: flex;
    }
  
    .minister-card {
      min-height: 210px;
      padding: 20px 18px 56px;
      width: 100%;
    }
  
    .minister-card img {
      width: 82px;
      height: 82px;
    }
  
    .minister-card h6 {
      font-size: 14px;
      line-height: 1.4;
    }
  
    .minister-card p {
      font-size: 12px;
      line-height: 1.45;
      max-width: calc(100% - 45px);
    }
  
    .arrow-right-custom {
      width: 52px;
      height: 52px;
    }
    /* .path-webform .webform-submission-form .webform-flexbox {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 15px; grid-row-gap: 15px;} */
  }
  
  @media (max-width: 767px) {
    .hero {
      background: #000;
    }
  
    .hero-slider-main .slick-slide img,
    .hero-slider .slick-slide img,
    .hero-slider-wb .slick-slide img {
      height: 380px;
    }
  
    .header {
      padding: 10px;
    }
  
    .header .container > .d-flex {
      flex-wrap: wrap;
      justify-content: space-between !important;
      gap: 10px;
    }
    .navbar>.container{padding: 0;}
  
    .logo-text {
      display: none;
    }
  
    .logo img {
      height: 40px;
    }
  
    .buttons-mpwcal {
      gap: 8px;
      width: auto;
    }
  
    .search-mpwcal .global-search-col {
      top: calc(100% + 8px);
      right: 0;
      transform: none;
    }
  
    .search-mpwcal:focus-within .global-search-col {
      width: min(220px, calc(100vw - 80px));
      right: 0;
      padding: 6px 10px;
    }
  
    .search-mpwcal .btn,
    .search-mpwcal .form-submit {
      width: 38px;
      height: 38px;
    }
  
    .login-button .menu > li > span {
      padding: 9px 14px;
      font-size: 13px;
    }
  
    .navbar {
      padding: 0;
      background: no-repeat;
      margin: 0;
      backdrop-filter: none;
      /* position: fixed; */
      top: -78px;
    }
    .navbar .sf-accordion-toggle >a{padding: 0 !important;position: absolute !important;top: 0;left: calc(100% - 0px);z-index: 100;}
    .navbar a >span{display:none;}
  
    .sf-accordion-toggle a {
      max-width: 100%;
      font-size: 13px;
      padding: 10px 14px;
    }
  
    #superfish-main-accordion {
      margin-top: 0;
      padding: 6px 0;
      border-radius: 8px;
    }
  
    #superfish-main-accordion .nav-link,
    #superfish-main-accordion span.nolink {
      font-size: 13px;
      padding: 11px 12px !important;
    }
  
    #superfish-main-accordion .sf-depth-2 a {
      font-size: 12px;
      padding: 9px 12px !important;
    }
  
    .container_carousel {
      width: calc(100% - 20px);
      bottom: -42px;
    }
  
    .hero-slider-stats {
      padding: 0 24px;
    }
  
    .stat-item {
      border-right: none;
      padding: 12px 10px;
      gap: 10px;
    }
  
    .stat-item .text {
      text-align: center;
    }
  
    .stat-item h5 {
      font-size: 15px;
    }
  
    .stat-item p {
      font-size: 11px;
      line-height: 1.3;
    }
  
    .hero-slider .slick-prev,
    .hero-slider .slick-next,
    .hero-slider-stats .slick-prev,
    .hero-slider-stats .slick-next {
      width: 30px;
      height: 30px;
    }
  
    .hero-slider .slick-prev,
    .hero-slider-stats .slick-prev {
      left: 8px;
    }
  
    .hero-slider .slick-next,
    .hero-slider-stats .slick-next {
      right: 8px;
    }
  
    .minister-section {
      margin-top: 20px;
      padding: 25px 0 40px;
    }
  
    .minister-section .container {
      padding-left: 12px;
      padding-right: 12px;
    }
  
    .minister-section .row {
      row-gap: 12px;
    }
  
    .minister-card {
      min-height: auto;
      padding: 18px 16px 52px;
      border-radius: 10px;
    }
  
    .minister-card .min-img {
      display: inline-flex;
      margin-bottom: 10px;
    }
  
    .minister-card img {
      width: 76px;
      height: 76px;
    }
  
    .minister-card h6 {
      font-size: 14px;
      margin-bottom: 6px;
    }
  
    .minister-card p {
      font-size: 12px;
      line-height: 1.5;
      max-width: calc(100% - 40px);
    }
  
    .arrow-right-custom {
      width: 48px;
      height: 48px;
      font-size: 14px;
    }
    /* .is-playing, .hero-toggle-btn{display: none;} */
    .slick-slider :is(.slick-next, .slick-prev){display: none !important;}
    .hero-slider-wb .hero-toggle-btn{display: none;}
    .btnToggle-stats, .btnToggle-footer{display: none;}
    .unee-header-custom{justify-content: space-between !important;}
    .top-bar .row>div:nth-child(1){justify-content: space-around !important;}
    .social-box{font-size: 13px;}
    .about-content{margin-bottom: 15px;}
    .about-content .btn{padding: 10px 15px !important;font-size: 13px !important;}
    .video-sec .gallery-header h2, .gallery-header h4{font-size: 15px !important;}
    .gallery-header a{padding: 5px 15px !important; font-size: 14px !important;}
    .footer-nav li:not(:last-child)::after{display: none !important;}
    .photo-home .flexslider .slides img{min-height: 150px;}
    .photo-home .flex-control-thumbs img{height: 42px !important;}
    .photo-home .flex-direction-nav{display: none;}
    .path-webform .webform-submission-form .webform-flexbox >div{margin-bottom: 10px;}
    .circular-notices-tab-sec{position: relative; margin-top: 55px;}


  }
  
  @media (max-width: 575px) {
    .hero-slider-main .slick-slide img,
    .hero-slider .slick-slide img,
    .hero-slider-wb .slick-slide img {
      height: 320px;
    }
  
    .header {
      padding: 8px;
    }
  
    .logo img {
      height: 36px;
    }
  
    .buttons-mpwcal {
      gap: 6px;
    }
  
    .search-mpwcal:focus-within .global-search-col {
      width: min(190px, calc(100vw - 70px));
    }
  
    .login-button .menu > li > span {
      padding: 8px 12px;
      font-size: 12px;
    }
  
    .hero-slider-stats {
      padding: 0 24px;
    }
  
    .stat-item {
      flex-direction: column;
      text-align: center;
      gap: 8px;
      padding: 14px 8px;
    }
  
    .stat-item .text {
      text-align: center;
    }
  
    .stat-item .icon img {
      width: 28px;
    }
  
    .stat-item h5 {
      font-size: 14px;
    }
  
    .stat-item p {
      font-size: 10px;
    }
  
    .minister-section {
      margin-top: 24px;
      padding: 20px 0 35px;
    }
  
    .minister-section .container {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .minister-section .row {
      row-gap: 10px;
    }
    .minister-section .row >div{min-width: 100%;}
  
    .minister-card {
      padding: 16px 14px 50px;
    }
  
    .minister-card img {
      width: 70px;
      height: 70px;
    }
  
    .minister-card h6 {
      font-size: 13px;
    }
  
    .minister-card p {
      font-size: 11px;
      line-height: 1.45;
    }
  
    .arrow-right-custom {
      width: 44px;
      height: 44px;
    }
  }



  @media (max-width: 992px) {
    .minister-cards {
      grid-template-columns: repeat(2, 1fr);
    }
    .minister-section .row >div{min-width: 100%;}
  }
  
  @media (max-width: 576px) {
    .minister-cards {
      grid-template-columns: 1fr;
    }
  
    .minister-section {
      margin-top: 0; margin: auto 20px;
    }

  }

    @media (max-width: 767px) {
    .circular-notices-tab-sec::before{content: ''; background: url(../icons/scroll-left-right.png); position: absolute; width: 30px; height: 30px; top: -33px; background-size: cover;}

    }





  /* =========================
     RESPONSIVE
  ========================= */
  @media (max-width: 768px) {
    .circular-header h2 {
      font-size: 24px;
    }
  
    .pamela .quicktabs-tabs {
      justify-content: flex-start;
    }
  
    .title-tab {
      font-size: 13px;
    }
  }




@media (max-width: 960px) {
  .layout {
    grid-template-columns: 1fr;
  }

  .info-panel {
    position: static;
  }
}

@media (max-width: 480px) {
  .pager__items {
    flex-wrap: wrap;
    justify-content: center;
  }

  .pager__item a {
    min-width: 36px;
    height: 36px;
    font-size: 13px;
  }
}
/* Responsive */
@media (max-width: 768px) {

  table.cols-4 thead,
  table.cols-3 thead {
    display: none;
  }

  table.cols-4,
  table.cols-4 tbody,
  table.cols-4 tr,
  table.cols-4 td,
  table.cols-3,
  table.cols-3 tbody,
  table.cols-3 tr,
  table.cols-3 td {
    display: block;
    width: 100%;
  }

  table.cols-4 tr,
  table.cols-3 tr {
    margin-bottom: 15px;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
  }

  table.cols-4 td,
  table.cols-3 td {
    border: none;
    padding: 8px 10px;
    position: relative;
  }

  table.cols-4 td::before,
  table.cols-3 td::before {
    content: attr(headers);
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    color: #2CBF79;
    text-transform: capitalize;
  }
}

@media (max-width: 768px) {

  /* List becomes stacked */
  .photo-list-block .card {
    flex-direction: column;
    text-align: center;
  }

  .photo-list-block .card a {
    width: 100%;
    height: auto;
  }

  .photo-list-block .card a img {
    width: 100%;
    height: auto;
  }

  /* Grid full width */
  .photo-grid-block .card img {
    width: 100% !important;
    height: auto !important;
  }
}