body {
  font-family: "Roboto";
}
.home {
  .container {
    padding: 0;
  }
}
.owl-nav {
  &.disabled {
    display: none !important;
  }
}
body {
  &.page-template-techpod {
    #instagram-footer {
      .instagram-title {
        display: none;
      }
    }
  }
}
.tags__template {
  margin-top: -30px;
  h1 {
    text-transform: capitalize;
  }
}
.tags__template-grid {
  h3 {
    text-transform: capitalize;
  }
}
#instagram-footer {
  .instagram-pics {
    li {
      &:hover {
        filter: saturate(1.4);
      }
      &:nth-child(1),
      &:nth-child(6) {
        img {
          border-radius: 0 !important;
        }
      }
      a {
        img {
          object-fit: cover;
          width: 180px;
          height: 180px;
        }
      }
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .home {
    .container {
      width: 100%;
      padding: 0 15px;
    }
  }
}
@media screen and (min-width: 991px) and (max-width: 1199px) {
  #instagram-footer {
    .instagram-pics {
      li {
        a {
          img {
            object-fit: cover;
            width: 140px;
            height: 140px;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 991px) {
  .instagram-container {
    display: none;
  }
  .footer {
    margin-top: 55px;
    .footer-curve {
      &::before {
        display: none;
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .home {
    .container {
      padding: 0 15px;
    }
  }
  header {
    .navbar-header,
    .navbar {
      max-width: 100vw;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    #header-wrapper {
      .logo {
        max-width: 90%;
      }
    }
  }
  .blocks__hosts {
    .container {
      .hosts_carousel {
        .owl-dots {
          text-align: center;
          margin-top: 35px;
          button {
            &.owl-dot {
              width: 16px;
              height: 16px;
              border: 1px solid #ffffff;
              background-color: transparent;
              border-radius: 50%;
              margin: 0 7.5px;
              &.active {
                background-color: #ffffff;
              }
              &:focus {
                outline: none;
              }
            }
          }
        }
      }
    }
  }
  .blocks__whereToFindUs {
    .container {
      .grid {
        .owl-dots {
          text-align: center;
          margin-top: 35px;
          button {
            &.owl-dot {
              width: 16px;
              height: 16px;
              border: 1px solid #FF6200;
              background-color: transparent;
              border-radius: 50%;
              margin: 0 7.5px;
              &.active {
                background-color: #FF6200;
              }
              &:focus {
                outline: none;
              }
            }
          }
        }
      }
    }
  }
}