/* Mobile Styles */
@media (max-width: 768px) {
  /* Header */
  #header {
    padding: 10px;
    height: 160px;
  }
  .pkp_site_name .is_img img {
    max-width: 200% !important;
    height: auto;
  }

  #navbar {
    display: none; /* Hide the main navigation */
  }

  .mobile-nav-toggle {
    display: block; /* Show the mobile navigation toggle */
  }

  /* Sidebar */
  #sidebar {
    display: none; /* Hide the sidebar */
  }

  /* Content */
  #content {
    width: 100%;
    padding: 10px;
  }

  /* Footer */
  #footer {
    padding: 10px;
  }

  /* General Styles */
  .pkp_structure_page {
    padding: 0; /* Remove default padding */
  }

  .pkp_block {
    margin-bottom: 10px; /* Adjust spacing between blocks */
  }

  /* Specific Elements */
  .article-details {
    font-size: 14px; /* Reduce font size for article details */
  }

  .article-meta {
    display: flex;
    flex-direction: column; /* Stack metadata vertically */
  }

  .article-meta > span {
    margin-bottom: 5px; /* Add spacing between metadata items */
  }

  /* Form Elements */
  input[type="text"],
  input[type="email"],
  textarea {
    width: 100%; /* Make form fields full width */
  }

  /* Tables */
  table {
    width: 100%;
    overflow-x: auto; /* Enable horizontal scrolling for wide tables */
  }
}

/* Mobile Navigation (JavaScript required) */
.mobile-nav {
  display: none; /* Initially hide the mobile navigation */
  position: absolute;
  top: 60px; /* Adjust based on header height */
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

.mobile-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav li {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.mobile-nav a {
  display: block;
  color: #333;
  text-decoration: none;
}

.mobile-nav ul ul {
  padding-left: 40px !important; /* Indent submenu items */
}

.mobile-nav ul ul li {
  border-bottom: none; /* Remove border for submenu items */
  padding: 5px 0; /* Reduce padding for submenu items */
}

.pkp_structure_footer_wrapper {
  background: #1e6292 !important;
}
/* for table header */ 

@media (max-width: 960px) and (min-width: 600px) {
  .pkp_site_name .is_img img {
    max-height: 90px !important;
    width: auto;
  }
}

.pkp_site_name .is_img img {
  max-height: 80px !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  .pkp_structure_head {
    max-height: 80px;
    width: auto;
  }
}

/* Mobile Styles */
@media (max-width: 767px) {
  .pkp_site_name .is_img img {
    max-height: 30px !important;
    width: 210px !important;
  }
}
  
/* Tablet Styles */
@media (min-width: 768px) and (max-width: 991px) {
  .pkp_site_name .is_img img {
    max-height: 50px !important; /* Adjust height for tablet */
    width: 70% !important;       /* Make width relative to container */
  }
  .pkp_structure_head {
    max-height: 60px;  /* Optional: adjust header height */
    width: auto;
  }
}


.social-media-icons {
  display: flex; /* Arrange icons in a row */
  /*justify-content: space-between; /* Distribute icons evenly */
}

.social-icon {
  width: 30px; /* Set a fixed width for all icons */
  height: 30px; /* Set a fixed height for all icons */
  margin: 0 2px; /* Add a small margin between icons */
}

/* Media Query for Mobile Devices */
@media (max-width: 767px) {
  .footer-content {
    flex-direction: column;
    align-items: left;
  }

  .footer-section {
    flex: 0 0 auto;
    width: 100% !important;
    margin-bottom: 20px;
    text-align: left;
  }
}
/* header for table screen size 960 */
@media (max-width: 960px) {
    .pkp_site_name img {
        width: 80%; /* Adjust this value as needed */
    }
}

/* Media Query for Tablet Screens */
@media (max-width: 960px) and (max-height: 600px) {
    .pkp_structure_head {
        width:auto ; /* Slightly smaller than full width */
        height: 90px; /* Maintain automatic height */
        padding: 5px; /* Reduced padding for smaller screens */
    }
}
/* Team member style */

/* Common Styles */
.editorial-list {
    position: relative; 
    padding: 0; /* Added padding for better spacing */
    list-style: none; /* Remove default list styling */
}

.editorial-list li {
    margin-bottom: 1.125rem;
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center items vertically */
}

.editorial-list .img-profile {
    position: relative; /* Changed to relative for better layout */
    width: 95px; 
    height: 105px;
    border: 1px solid #ddd;
    padding: .5rem;
    margin-right: 1rem; /* Space between image and text */
}

.editorial-list .img-profile .imgthumb { 
    width: 80px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto; 
    object-fit: cover; /* Changed to cover for better image fit */
}

.editorial-list .img-profile img {
    width: 100%;
    height: 100%;
    border-radius: 10px; /* Added border-radius for aesthetics */
}

.team-content {
    margin-left: 10px; /* Adjusted margin for better responsiveness */
    min-height: 130px;
    flex-grow: 1; /* Allow content to grow */
}

.team-content .ico-label {
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}	

.team-aff ul {
    padding: 0; /* Remove padding */
    list-style: none; /* Remove default list styling */
}

.team-aff ul li {
    margin-bottom: 0;
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center items vertically */
}

.team-aff ul li .tm_label {
    display: inline-block;
    width: 80px;
}

.team-aff ul li .ico-label {
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}