/* Small devices (landscape phones, 576px and up) */
/* Start Header */
@media (min-width: 576px) {
  nav#top-menu {
    display: none;
  }

  /* End Header */
  button#responsive-menu-button {
    display: revert;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  /* Header */
  nav#top-menu {
    display: revert;
  }

  /* End Header */
  button#responsive-menu-button {
    display: none !important;
  }
}

@media (max-width: 1250px) {
  /*calendar*/
  .upcoming-events-wrapper {
    padding: 45px 60px;
  }

  /*calendar end*/

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

  /* Header */

  .site-id-2 .header-top {
    width: 100%;
  }

  .header-bottom {
    display: none;
  }

  .site-id-1 .header-top-left {
    flex: 0 0 56%;
  }

  .header-top-right {
    flex: 0 0 44%;
  }
  .site-id-2 .right-col {
    padding: 0;
  }

  .site-id-3 .main-header .right-col {
    display: flex;
    align-items: center;
  }

  .site-id-2 .header-top {
    flex-direction: column;
  }

  .site-id-2 .header-top-left {
    flex-direction: column;
    margin-bottom: 2rem;
    width: 100%;
    text-align: center;
  }
  .site-id-2 .header-top-left div.header-tag {padding-bottom:10px;}

  .site-id-3 .header-top-left {
    flex-direction: column;
  }

  .site-id-2 .header-top-right {
    flex: 0 0 100%;
    width: 60%;
  }



  /* Header End */


  /* Footer */
  .footer-left-col, .footer-right-col {
    margin: 20px auto;
  }
  /* Footer End */
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .left-col {
    width: auto;
    padding-right: 1%;
  }

  .site-id-1 .header-top-left {
    flex: 0 0 50%;
  }

  .header-top-right {
    flex: 0 0 50%;
  }

  /* Site 2 */

  .site-id-2 .home-right-col {
    width: 30%;
    padding: 0 25px 0 10px;
  }

  /* Secondary Header */
  .secondary-header-wrapper {
	grid-template-columns: 33% 33% 33%;
	margin-right: 5%;
}

.site-id-3 .secondary-header-wrapper {
  padding: 1.5rem 2rem;
}

.site-id-3 .secondary-right-col {
  padding-left: 0;
}

.secondary-right-col {
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
}

.secondary-mid-col p {
  text-align: center;
}

.button-one a, .button-two a, .button-three a {
	width: 100%;
	margin-bottom: 10px;
}

.site-id-3 .button-one {
	margin-right: 0;
}
/* Widget Kits */
.page-id-14 .uk-width-medium-1-2, .page-id-22 .uk-width-medium-1-2, .page-id-25 .uk-width-medium-1-2 {
	width: 100%;
	margin-top: 15px;
}

}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

  /* Header */
  .main-header-wrapper {
    display: block;
    height: auto;
  }

  .left-col {
    float: none;
    width: 100%;
    text-align: center;
  }

  .right-col {
    float: none;
    width: 100%;
    text-align: center;
  }

  .header-top {
    width: 100%;
    flex-direction: column;
    justify-content: center;
  }

  .site-id-3 .header-top {
    align-items: center;
  }

  .site-id-1 .header-top-left {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .header-top-right {
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: 20px;
  }

  .site-id-2 .header-top-right {
    width: 100%;
}

  .header-button.header-button-two.blue {
    margin-right: 0;
  }

  .header-icons {
    padding: 10px 0;
  }

  /* End Header */
  /* Content */
  #home-row-1 {
    display: block;
  }

  .home-left-col {
    width: 100%;
    float: none;
    padding: 0;
  }

  .home-right-col {
    width: 100%;
    padding: 0;
    border: 0;
  }

  .site-id-1 .home-right-col {
    padding: 0 15px;
    width: 95%;
  }

  .site-id-2 .home-right-col {
    width: 100%;
    text-align: center;
}
  /* Sub Pages */
  #main {
    display: block;
  }

  #wrapper, .home-full-width-wrapper {
	padding-left: 0;
	margin: 0 15px 0 15px;
}

  /* End Content */
  /* Vendors */
  .directory, .tax-vendors .directory-top {
	display: block;
	margin-left: 0px;
}
  /* Vendors End */
  /* Home Row 2 */
  .home-row-2-wrapper {
    flex-direction: column;
  }

  .box-one, .box-two, .box-three {
    float: none;
    text-align: center;
    padding-bottom: 25px;
  }

  .grid-events-container {
	grid-template-columns: repeat(1, 1fr);
	max-width: 600px;
	margin: 0 auto;
}

.grid-events {
	justify-self: center;
	justify-content: center;
}

  /* Footer */
  .footer-inner {
    flex-direction: column;
  }

  .footer-left-col, .footer-right-col {
    margin: 20px auto;
    width: 100%;
    max-width: 60%;
    text-align: center;
  }
  nav#footer-menu {
    justify-content: center;
    padding-right: 0;
  }

  nav .footer-menu-class ul {
  	margin: 0;
  	padding: 0;
  }
  nav .footer-menu-class li {
    float: none;
    text-align: center;
  }

  #primary {
    float: left;
    width: 100%;
  }
  /*calendar*/
  .upcoming-events-wrapper {
    padding: 2rem;
  }

  .home-row-2-left-wrapper {
     margin: 0 auto;
  }
  /*calendar*/

  /**table for side-id-2*/
  .site-id-2 tbody.row-hover tr {
    display: flex;
    flex-direction: column;
    width: 90vw;
    justify-content: center;
    align-items: inherit;
  }

  .site-id-2 tr.row-1.odd {
    display: flex;
    justify-content: space-around;
    align-items: inherit;
    flex-direction: column;
}

  .site-id-2 td.column-6 {
  text-align: center;
  }

  .site-id-2 tr.row-1 .column-1,
  .site-id-2 tr.row-1 .column-2,
  .site-id-2 tr.row-1 .column-3,
  .site-id-2 tr.row-1 .column-4,
  .site-id-2 tr.row-1 .column-5,
  .site-id-2 tr.row-1 .column-6 {
    display: none;
  }

  /**table for side-id-2 end */
}


@media (max-width: 575.98px) {

  /* Header */
  nav#top-menu {
    display: none;
  }

  .header-top-right {
    flex-direction: column;
    margin: 20px 0;
  }

  .header-button {
    height: auto;
    margin: 10px auto;
  }
  /* End Header */

  /* Site 2 */
  /* Secondary Header */
  .secondary-header-wrapper {
	grid-template-columns: auto;
	width: 75%;
	margin: auto;
}

.secondary-left-col {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
}

.secondary-mid-col {
	margin-bottom: 10px;
}
.secondary-mid-col p {
text-align: center;
margin: 0 auto;
}

.secondary-right-col {
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
}

.site-id-2 .secondary-left-col p {
  margin: 0 auto;
}

.button-one a, .button-two a, .button-three a {
	width: 83%;
	margin-bottom: 10px;
}

.site-id-2 .wp-block-image.is-resized.yellow-border-img {
  display: block;
}
}