/* ott first section */
@media screen and (max-width: 750px) {
  .maximize-your-medias-container {
    font-size: 48px;
    line-height: 54px;
  }
  .content-cont {
    /* padding-top: var(--padding-62xl); */
    padding-top: 50%;
    padding-bottom: var(--padding-62xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 675px) {
  .hero-text {
    gap: var(--gap-base);
  }
  .content-cont,
  .partner-logo-cont {
    gap: var(--gap-11xl);
  }
}
@media screen and (max-width: 450px) {
  .maximize-your-medias-container {
    font-size: 36px;
    line-height: 41px;
  }
  .effortlessly-integrate-on-dema-container {
    font-size: var(--font-size-base);
    line-height: 26px;
  }
}

/* ott second section */
@media screen and (max-width: 750px) {
  .transforming-media-delivery-container {
    font-size: var(--font-size-16xl);
    line-height: 43px;
  }
}
@media screen and (max-width: 675px) {
  .developed-disney-movies,
  .transforming-media-delivery-container {
    min-width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .transforming-media-delivery-container {
    font-size: var(--font-size-7xl);
    line-height: 32px;
  }
  .developed-disney-movies,
  .div8,
  .div9 {
    font-size: var(--font-size-base);
    line-height: 26px;
  }
  .div8,
  .div9 {
    font-size: var(--font-size-lgi);
  }
  .pagination {
    flex-wrap: wrap;
  }
}

/* ott fourth section */
@media screen and (max-width: 1200px) {
  .solution {
    flex: 1;
  }
  .hero-text1 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1050px) {
  .affordable-content-delivery-container {
    font-size: var(--font-size-16xl);
    line-height: 43px;
  }
  .solution {
    min-width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .platform-header {
    min-width: 100%;
  }
  .hero-text1 {
    gap: var(--gap-21xl);
  }
  .logos-cont {
    gap: var(--gap-41xl);
  }
  .content-cont1 {
    gap: var(--gap-11xl);
  }
  .sec-3 {
    gap: 50px;
    padding-left: var(--padding-37xl);
    padding-right: var(--padding-37xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .affordable-content-delivery-container {
    font-size: var(--font-size-7xl);
    line-height: 32px;
  }
  .leverage-tringapps-out-of-the {
    font-size: var(--font-size-base);
    line-height: 26px;
  }
  .powered-by-parent {
    flex-wrap: wrap;
  }
  .hero-text1 {
    gap: var(--gap-xl);
  }
  .logos-cont {
    gap: var(--gap-11xl);
  }
  .sec-3 {
    gap: 25px;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
}

/* ott seventh section */
@media screen and (max-width: 1200px) {
  .logos-cont1 {
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1050px) {
  .streamline-your-digital-container {
    font-size: var(--font-size-16xl);
    line-height: 43px;
  }
}
@media screen and (max-width: 750px) {
  .text-cont {
    gap: var(--gap-11xl);
  }
  .sec-6 {
    padding-left: var(--padding-37xl);
    padding-right: var(--padding-37xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .streamline-your-digital-container {
    font-size: var(--font-size-7xl);
    line-height: 32px;
  }
  .discover-the-power {
    font-size: var(--font-size-base);
    line-height: 26px;
  }
  .sec-6 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
}




/* ott footer section */
@media screen and (max-width: 420px) {
  .logo,
  .social-links {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .social-links {
    gap: var(--gap-base);
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding-top: var(--padding-21xl);
    flex: unset;
    align-self: stretch;
  }
  .cont,
  .social-links,
  .terms {
    box-sizing: border-box;
  }
  .cont {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: var(--padding-21xl);
    padding-bottom: var(--padding-21xl);
  }
  .terms {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-base);
  }
  .cont1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .footer {
    height: auto;
  }
}
@media screen and (max-width: 350px) {
  .social-links {
    flex-direction: row;
    gap: 4px;
  }
  .cont,
  .social-links,
  .terms {
    flex-wrap: wrap;
  }
  .cont {
    flex-direction: row;
  }
  .terms {
    padding-top: var(--padding-xs);
    padding-bottom: var(--padding-base);
    box-sizing: border-box;
  }
  .social-links1,
  .terms {
    flex-direction: row;
  }
  .cont1 {
    align-self: stretch;
    width: auto;
    flex-direction: column;
  }
}

/* custom responsive css */
@media (max-width: 575.98px) {
  .flex_slider_banner .elementor-section .elementor-container {
    display: block;
  }
  .flex_slider_banner .banner-text {
    padding: 100px 20px !important;
    margin: 0px 0px 50px 0px !important;
  }
  .flex_slider_banner .shrink-banner-text h2 {
    writing-mode: horizontal-tb;
    transform: none;
  }
  .flex-carousal h2 {
    font-size: 40px !important;
    line-height: 34px !important;
  }
  .flex_slider_banner .banner-text .banner-title span {
    margin: 20px 0px !important;
  }
  .flex_slider_banner .banner-text .banner-btns {
    margin: 150px -10px -10px -10px;
  }
  .flex_slider_banner .elementor-widget-shortcode {
    padding: 20px;
  }
  .home .site-header{
    position: relative;
  }
  .flex_slider_banner .panel {
    border-left: 0px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .flex_slider_banner .panel.active {
    border-left: 0px solid #fff;
  }
  .flex_slider_banner .banner-text span {
    display: contents;
  }
  /* .overlay_oval .sec-1{
    background: radial-gradient(circle at 70% 30%, hsla(0, 0%, 0%, 0) 0%, hsla(235, 99%, 43%, 0) 0%, hsla(0, 0%, 0%, 1) 55%);
  } */
  .sec-1 {
    background-image: url(../images/public/ott_banner_mobile.png);
  }
  /* .overlay_oval {
    background-image: url(../images/public/mobile_overlay_ott.png);
  } */
  .pagination {
    bottom: 10px;
    padding: 0px 20px;
    left: 0em;
    right: 0em;
  }
  .scroll_container {
    padding: 45% 0% !important;
  }
  .mouse_effect_1 {
    top: 55%;
    left: 25%;
    width: 150px;
  }
  .mouse_effect_2 {
    top: 58%;
    left: 75%;
    width: 150px;
  }
  .mouse_effect_3 {
    top: 68%;
    left: 45%;
    width: 150px;
  }
  img.our_platform {
    width: 120%;
    max-width: unset;
    align-self: auto;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) { 

}

@media (min-width: 768px) and (max-width: 991.98px) {

}

@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) {

}

/* For screens between 1240px and 1350px */
@media only screen and (min-width: 1240px) and (max-width: 1350px) {
  /* Your styles for 1240px to 1350px screens */
  .content-cont {
    width: 1216px;
  }
  .text1 {
    width: 1216px;
  }
  .pagination {
    width: 1216px;
  }
}

/* For screens between 1440px and 1920px */
@media only screen and (min-width: 1351px) and (max-width: 1440px) {
  /* Your styles for 1440px to 1920px screens */
  .content-cont {
    width: 1216px;
  }
  .text1 {
    width: 1216px;
  }
  .pagination {
    width: 1216px;
  }
}

/* For screens between 1400px and 1500px */
@media only screen and (min-width: 1401px) and (max-width: 1500px) {
  /* Your styles for 1400px to 1500px screens */
  .content-cont {
    width: 1216px;
  }
  .text1 {
    width: 1216px;
  }
  .pagination {
    width: 1216px;
  }
  .carousel {
    height: 100vh;
  }
  .mouse_effect_1{
    top: 20%;
    left: 20%;
  }
  .mouse_effect_2{
    top: 45%;
    left: 45%;
  }
  .mouse_effect_3{
    top: 6%;
    left: 70%;
  }
}

/* For screens between 1400px and 1500px */
@media only screen and (min-width: 1501px) and (max-width: 1700px) {
  /* Your styles for 1400px to 1500px screens */
  .content-cont {
    width: 1440px;
  }
  .text1 {
    width: 1216px;
  }
  .pagination {
    width: 1216px;
  }
  .carousel {
    height: auto;
  }
}

/* For screens between 1440px and 1920px */
@media only screen and (min-width: 1701px) and (max-width: 1920px) {
  /* Your styles for 1440px to 1920px screens */
  .content-cont {
    width: 1440px;
  }
  .text1 {
    width: 1440px;
  }
  .pagination {
    width: 1440px;
  }
  .sec-3 {
    padding: 80px 220px;
  }
  .get-ahead-with-container {
    width: auto;
  }
  .testimonials {
    width: auto;
    padding: 80px 112px;
  }
  .pagination {
    position: absolute;
    bottom: 10px;
    left: 15em;
    right: 15em;
  }
  .carousel {
    position: relative;
    height: auto;
  }
  .scroll_container {
    display: grid;
    align-items:center;
  }
  .mouse_effect_1{
    top: 20%;
    left: 20%;
  }
  .mouse_effect_2{
    top: 45%;
    left: 45%;
  }
  .mouse_effect_3{
    top: 6%;
    left: 70%;
  }
}