/*******Banner********/
.hero-image {
    top: auto;
    right: 0px;
    width: auto;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    max-width:1700px;
}
.banner_page_row {
    height: auto;
    padding: 4rem 0px;
    position: relative;
    display: flex;
    align-items: center;
}
.banner_page_row .iphone-screen{
  display:none;
}

.banner_page_row .block-image > div{
      background-image: none !important;
}



.banner_row >div:first-child h1{
  color: #0da1e2;
  font-weight: 600;
  margin-bottom: 24px;
}
.banner_row >div:first-child p{
  line-height: 35px;
  font-size: 22px;
  margin-bottom: 48px;
}
.banner-btns{
  text-align: left;
}
.banner-btns>a.button:nth-child(2){
  margin-left:1rem;
}
.hero-image-video{
  object-fit: contain !important;
}

@media (max-width: 1024px) {
.hero-image{
  display:none !important;
}
.page-row .banner_video_container {
    display: flex;
    flex-direction: column-reverse;
}
.wistia_embed{
  text-align: center;
}
.hero-image-video{
  position: unset !important;
  display: inline !important;
  width: 65% !important;
}
}
@media (max-width: 1330px) {
  .banner_page_row{
    background-size: 42% 100%;
  }
  .banner_page_row .banner_row >div:first-child {
    padding-right: 0rem;
  }
  .banner_page_row .banner_row >div.text_content_column{
      padding-right: 20px;
  }
}
@media (max-width: 1169px) {
  .banner_page_row{
    background-size: 37% 100%;
  }
}
@media (max-width: 1024px) {
  .banner_page_row {
      background-size: 0%;
  }
  .banner_page_row .banner_row >div:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom:40px;
  }
  .banner_page_row .banner_row >div:nth-child(2) {
    display:none;
  }
  .homepage_clients_logo .block-image-uncropped-full-width {
    text-align: center;
  }
  .homepage_clients_logo .block-image-uncropped-full-width img{
    max-width:250px;
  }
}
@media (max-width: 991px) {
.banner_page_row .page-block p,.banner_row >div:first-child h1{
  text-align: center !important;
}
.banner-btns{
  text-align: center;
  justify-content: center;
}
}

@media (max-width: 767px) {
.banner-btns{
  display: block;
}
.banner-btns .button{
  margin-bottom:20px
}
}

@media (max-width: 500px) {

}

/*******End Banner********/