/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  div.mpol-main-cards {
    padding: 0.5rem;
  }
  div.wp-block-navigation__responsive-container {
    border-radius: 0.5rem;
    border: 1px var(--wp--preset--color--mpol-tetriary) solid;
    box-shadow: var(--wp--preset--shadow--vertical-soft);
  }
  div.wp-block-navigation__responsive-container * {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  div.wp-block-navigation__responsive-container a {
    display: block !important;
    padding: 0.5rem 0.5rem !important;
    border-bottom: 1px var(--wp--preset--color--mpol-tetriary) dotted !important;
    width: 100%;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  div.wp-block-navigation__responsive-container ul {
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-justify: flex-start;
    width: 100% !important;
  }
  div.wp-block-navigation__responsive-container ul li {
    padding: 0 !important;
    width: 100%;
    font-size: var(--wp--preset--font-size--medium);
  }
  div.wp-block-navigation__responsive-container ul li > a {
    border-bottom: 1px var(--wp--preset--color--mpol-tetriary) dotted;
  }
  div.wp-block-navigation__responsive-container ul li:not(:last-child) {
    border-bottom: 1px var(--wp--preset--color--mpol-tetriary) dotted;
  }
  div.wp-block-navigation__responsive-container ul li li > a {
    padding-left: 2rem !important;
  }
  div.wp-block-navigation__responsive-container ul li li li > a {
    padding-left: 4rem !important;
  }
  nav {
    margin: 0.25rem !important;
  }
  li.wp-block-post {
    padding-left: 0 !important;
  }
  body > div > div > div > div > div.wp-block-group.has-global-padding:first-child {
    padding: 0.5rem !important;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  div.mpol-main-cards {
    padding: 0.5rem;
    flex-wrap: wrap;
  }
  div.mpol-main-cards > div.wp-block-column {
    display: flex;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  ul.wp-block-navigation ul.wp-block-navigation-submenu {
    border-radius: 5px !important;
    border: 1px var(--wp--preset--color--mpol-text-soft) solid !important;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */