/* General Styling */
.navContent ul li ul a {
  white-space: normal !important;
  overflow: visible !important;
}

.button-group {
  text-align: center;
  width: auto;
  padding-bottom: 20px;
}

.button-right, .button-left {
  display: inline-block;
  margin: 5px;
}

.video-container {
  background: #24282f;
  color: #fff;
  text-align: center;
  padding: 200px 50px 140px 50px;
  margin-bottom: 0;
}

#iframe-container h1 {
  font-size: 72px;
  color: #fff;
  padding-bottom: 0;
}

#iframe-container h3 {
  font-size: 20px;
  color: #fff;
}

.video-container img {
  padding-top: 20px;
  width: 650px;
  margin: auto;
}

/* Media Queries */

/* Tablets and Larger Screens */
@media only screen and (min-width: 768px) {
  .navContent ul li ul {
    min-width: 250px !important;
    right: auto !important;
  }

  .video-container {
    padding: 200px 50px 140px 50px;
  }

  #iframe-container h1 {
    font-size: 72px;
  }

  #iframe-container h3 {
    font-size: 20px;
  }
}

/* Medium Screens (1020px and below) */
@media only screen and (max-width: 1020px) {
  .video-container img {
    width: 80%;
    margin: auto;
  }
}

/* Small Screens (767px and below) */
@media only screen and (max-width: 767px) {
  .video-container img {
    padding-top: 0;
    width: 100%;
    margin: auto;
  }

  #iframe-container h1 {
    font-size: 40px;
  }

  #iframe-container h3 {
    font-size: 16px;
  }

  div#iframe-container {
    background-image: url(https://static.mywebsites360.com/cf4a240cbf204f3c9e0b01f86e83958b/i/a69b82f7a34b4ca696deeb35fdb68024/1/5feFb8zhrk/Website%20Background%201%20mobile.jpg);
    background-position: center bottom;
    background-size: cover;
  }

  .video-wrap {
    display: none !important;
  }

  .video-container {
    padding: 100px 20px 100px 20px;
  }

  div.blockWrap_c5217b8ab82a47938fd429a6bdea1e0b,
  div.blockWrap_cb683718b70c4cc0b0ea8157d316a856 {
    padding-bottom: 60px;
  }

  div.blockWrap_ffaf99c78d6c4ea1811c707fa19ab898 {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  div.blockWrap_fc2fa059c50a4c8283878b00b7dd7809 {
    padding-top: 60px;
  }

  .blockWrap_fc2fa059c50a4c8283878b00b7dd7809 .contentTitle,
  .blockWrap_cb683718b70c4cc0b0ea8157d316a856 .contentTitle,
  .blockWrap_ffaf99c78d6c4ea1811c707fa19ab898 .contentTitle,
  .blockWrap_d5a2be6ad02847fa99e8432a5163503c.contentTitle {
    font-size: 28px;  /* Adjust font size for smaller screens */
  }

  .blockContent.cols4 .imgGridItem {
    width: 100%;
    margin: 0;
    padding: 10px;
  }

  .cols4 .imgGridItem.imgHover-content {
    display: block !important;
  }

  .items_c5217b8ab82a47938fd429a6bdea1e0b.item {
    width: 50%;
    float: left;
  }

  .blockWrap_c5217b8ab82a47938fd429a6bdea1e0b.itemContent.contentTitle {
    font-size: 20px;
  }

  /* Flexbox for smaller screens */
  .items_dcbcca3d6e074525acc3bce22d75453b {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    min-height: 100%;
  }

  .items_dcbcca3d6e074525acc3bce22d75453b > .item {
    display: flex;
    flex-direction: column;
  }

  .items_a479e0810c944398b9098ae86ba5bcc1,
  .items_ac1b217759964a9fbdb43f231c2cca48,
  .items_f82b26f2aa524d0e9cb80eebdbc2f5fc,
  .items_a738f394dc9c4afd8a0093204486d0e5 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    min-height: 100%;
  }

  .items_a479e0810c944398b9098ae86ba5bcc1 > .item,
  .items_ac1b217759964a9fbdb43f231c2cca48 > .item,
  .items_f82b26f2aa524d0e9cb80eebdbc2f5fc > .item,
  .items_a738f394dc9c4afd8a0093204486d0e5 > .item {
    display: flex;
    flex-direction: column;
  }

  .dismiss {
    cursor: pointer;
  }

  .popupButton {
    background: #961A1D;
    color: #fff !important;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .popupButton:hover {
    background: #ef282c;
    color: #fff !important;
  }

  .popupTitle {
    font-size: 40px;  /* Adjust font size for mobile */
    color: #000;
    margin-top: 20px;
    line-height: 1.2;
    padding-bottom: 0;
  }

  /* Ensure popups and other components are responsive */
  .popupTitle {
    font-size: 40px;
  }
}

/* End of Media Queries */