/*  for mobile devices */
@media only screen and (max-width: 750px) {

  .howdoi div.menu > div {
    width: 100%;
  }


  .iconlist .wrapper ul {
    grid-template-rows: repeat(3,1fr);
  }

  .sidehighlight:before {
    width:auto;
  }


.swiper-slide {
	width:70%;
}


.contentSection {
  flex-direction:column;
}

aside.sidebar {
  width:100%;
}
aside.sidebar .sidebar-wrapper {
  width:100%;
  padding:2rem;
}
section.main {
  width:100%;
}
section.main .main-wrapper {
  width:100%;
  padding:2rem;
}

.tblBox tr {
  border-top:2px solid #000;
}

.tblBox td {
  display:block;
}

.communityList {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  grid-gap: 1rem;
  justify-content: space-between;
}

.board li {
  width: 50%;
}

.submenu-block {
  grid-template-columns: repeat(2,1fr);
  grid-gap: 1rem;
}

.submenu-block li a {
  padding: 1rem;
}

}