/* ---------------- min view port ---------------- */
@media (min-width: 640px) {
    .score-area {
        padding: 40px;
    }
}

@media (min-width: 1024px) {
    .game-card h2 {
        font-size: 32px;
    }

    .game-card h4 {
        font-size: 44px;
    }

    .score-card-strip {
        font-size: 16px;
    }

    .stream-area {
        margin: 40px 0;
    }

    .score-area .champions {
        margin: 40px 0;
    }

    .hero-text-subcontainer {
    max-width: initial;
  }

}

@media (min-width: 768px) {
    .game-card {
        max-width: 233px;
    }

    .game-card h2 {
        font-size: 28px;
    }

    .game-card h4 {
        font-size: 40px;
    }

    .game-card .logo {
        width: 50px;
        height: 50px;
    }

    .score-card-strip {
        padding: 12px 24px;
        gap: 24px;
        margin: 20px auto;
        
    }

    .stream-btn {
        padding: 12px 24px;
        gap: 10px;
        height: 48px;
        margin: 20px auto 0px;
    }

    .score-card {
        height: 100%;
    }

    .stream-area {
        margin: 30px 0;
    }

    .score-area .champions {
        margin: 30px 0;
    }

    .score-area-ads {
        max-width: 728px;
        height: 90px;
    }

    .score-area {
        padding: 40px 60px 20px;
    }

    .section-buzz,
    .app-ads-section,
    .section-updates.news,
    .expert-insights,
    #highlights-slider {
        padding: 30px 60px;
    }
}

@media (min-width: 640px) {
    .score-card-strip {
        padding: 10px 20px;
        /* font-size: 13px; */
        gap: 16px;
    }

    .score-card {
        height: 100%;
    }
}

/* @media (min-width: 1400px){
    .app-ads-section{
padding-left: 0 !important;
padding-right: 0 !important;
    }
} */

/* ---------------- max view port ---------------- */
@media (max-width: 1920px){
    .video-section .swiper-button-prev{
  top: 40% !important;
}

.video-section .swiper-button-next{
  top: 40% !important;
}
}

@media (max-width: 1440px){
        .game-highlights .swiper-button-prev {
        left: 87% !important;
        top: -34% !important;
    }

    .game-highlights .swiper-button-next {
        right: 5% !important;
        top: -34% !important;
    }
}

@media (max-width: 1350px){
.app-card-phones {
  width: 50%;
}
}

@media (max-width: 1300px){
    .game-highlights .swiper-button-prev{
left: 86% !important;
    }

.video-section .swiper-button-prev{
  top: 38% !important;
}

.video-section .swiper-button-next{
  top: 38% !important;
}
}

@media (max-width: 1200px) {
    #insights-container .expert-insights-card {
        width: 100%;
    }

    .masn-card {
        flex-direction: column;
        height: 22.75rem;
        gap: 0px;
    }

    .masn-card-body {
        padding: 20px;
    }

    .masn-card .masn-card-thumb {
        width: 100%;
        height: 200px;
    }

    /* .score-card-strip {
        width: 300px;
    } */

    .video-section .swiper-button-prev{
top: 35% !important;
}

.video-section .swiper-button-next{
top: 35% !important;
}

.game-highlights .swiper-button-prev {
        left: 85% !important;
        /* top: -30% !important */
    }

    .game-highlights .swiper-button-next {
        right: 5% !important;
        /* top: -30% !important; */
    }
}

@media (max-width: 1024px){
     .video-section .swiper-button-prev{
/* top: 33% !important; */
}

.video-section .swiper-button-next{
/* top: 33% !important; */
}

.game-highlights .swiper-button-prev {
        left: 84% !important;
        /* top: -30% !important */
    }

    .game-highlights .swiper-button-next {
        right: 5% !important;
        /* top: -30% !important; */
    }

    .expert-insights-with-ad > div{
    flex-direction: column;
  }

  .expert-insights-with-ad > div > div:nth-child(1){
    margin-bottom: 2rem;
  }
}

@media (max-width:991px) {
    .main-hero {
        /* padding-top: 92px; */
    }

    .game-highlights .swiper-button-next {
        right: 5% !important;
        /* top: -30% !important; */
    }

    .game-highlights .swiper-button-prev {
        left: 80% !important;
        /* top: -30% !important */
    }

}

@media (max-width: 768px) {
    .main-hero {
        align-items: center;
    }

    .app-ads-section {
        flex-direction: column;
    }

    .app-card-content {
        max-width: unset;
    }

    .app-card-phones {
        display: none;
    }

    .video-section {
        height: 100%;
    }

    /* .score-card-strip {
        width: fit-content;
    } */

    .masn-card {
        height: fit-content;
        padding: 0px 0px 10px 0px;
        overflow: hidden;
    }

    .section-bottom-first {
        padding: 20px 10px;
    }

    .section-bottom-first .orioles-buzz, .section-bottom-first .nationals-buzz{
        height: 250px;
    }

    .section-updates {
        width: 100%;
        height: 100%;
        padding: 10px;
        background: var(--white);
    }

    .icon-left {
        width: fit-content;
        height: fit-content;
        padding: 10px;
        border-radius: 16px;
    }

    .main-card-title {
        font-size: 1.5rem;
    }

    /* .section-buzz,
    .app-ads-section,
    .section-updates.news,
    .expert-insights,
    #highlights-slider {
        padding: 10px;
    } */

    .game-highlights .swiper-button-next {
        right: 5% !important;
        top: -30% !important;
    }

    .game-highlights .swiper-button-prev {
        left: 80% !important;
        top: -30% !important;
    }

    .game-card{
        width: fit-content;
    }

    .hero-text-subcontainer{
        max-width: 100%;
    }

    .page-orioles .video-section .bottom-btn{
margin-top: -1rem;
}

.video-section .swiper-button-next {
    right: -2rem !important;
}

.video-section .swiper-button-prev{
    left: -2rem !important;
}

/* .home article .ads-wrapper iframe{
width: 99vw !important;
}

.home article .ads-wrapper iframe .img_ad{ 
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
} */
}

@media (width: 768px){
    .game-highlights .swiper-button-next {
        /* right: 5% !important; */
        top: -35% !important;
    }

    .game-highlights .swiper-button-prev {
        /* left: 80% !important; */
        top: -35% !important;
    }
}

@media (max-width: 767px) {
    .video-section .swiper-button-prev{
left: -1.2rem !important;
top: 30% !important;
    }

 .video-section .swiper-button-next{
right: -1.2rem !important;
top: 30% !important;
}

/* .game-highlights .first-section .bg-primary {
        padding: 70px 40px 100px 40px;
    } */

    .section-buzz,
    .app-ads-section,
    .section-updates.news,
    .expert-insights,
    #highlights-slider {
        padding: 20px;
    }
}

@media (max-width: 650px) {
    .video-section {
        padding: 40px 20px;
    }

    .game-highlights .swiper-button-next {
        right: 5% !important;
        /* top: -23% !important; */
    }

    .game-highlights .swiper-button-prev {
        left: 76% !important;
        /* top: -23% !important */
    }

    #insights-container {
        display: flex;
        flex-direction: row;
        /* width: 100%; */
    }

    .home-insights-container{
        flex-direction: column !important;
    }
}

@media (max-width: 639px){
    .score-area {
        padding: 20px;
    }

     /* .game-highlights .first-section .bg-primary {
        padding: 70px 20px;
    } */

    .video-section .swiper-button-prev{
        top: 33% !important;
    }

        .video-section .swiper-button-next{
        top: 33% !important;
    }

    .section-bottom-first .orioles-buzz,
.section-bottom-first .nationals-buzz {
  padding: 1rem;
}

}

@media (max-width: 570px){
    .video-section .swiper-button-prev{
top: 33% !important;
}

.video-section .swiper-button-next{
top: 33% !important;
}
}

@media (max-width: 560px) {
    .score-area {
        padding: 20px;
    }

    .game-highlights .swiper-button-next {
        right: 5% !important;
        /* top: -38% !important; */
    }

    .game-highlights .swiper-button-prev {
        left: 75% !important;
        /* top: -38% !important */
    }

    .video-section .swiper-button-prev, .video-section .swiper-button-next{
top: 35% !important;
}

.section-bottom-first .orioles-buzz, .section-bottom-first .nationals-buzz{
        height: 190px;
    }
}

@media (max-width: 550px){
    .video-section .swiper-button-prev, .video-section .swiper-button-next{
top: 42% !important;
}
}

@media (max-width:500px) {
    .game-card {
  /* width: 100%; */
  /* max-width: 280px; */
  max-width: 200px;
  min-width: unset;
  padding: 10px;
}

.game-card h2,
.game-card h4 {
  font-weight: 500;
  /* font-style: Bold; */
  font-size: 20px;
}

.game-card h4 {
  font-size: 24px;
}

.game-card .logo {
  width: 25px;
  height: 25px;
}

.game-highlights h3{
width: 70%;
}

    .game-highlights .swiper-button-next {
        right: 5% !important;
        top: -30% !important;
    }

    .game-highlights .swiper-button-prev {
        left: 70% !important;
        top: -30% !important;
    }

    .game-card-container{
        flex-wrap: wrap;
    }

    #insights-container {
        flex-direction: column;
        /* width: 100%; */
    }
}

@media (max-width: 451px){
    .game-highlights .swiper-button-next {
        top: -38% !important;
    }

    .game-highlights .swiper-button-prev {
        top: -38% !important;
    }
}

@media (max-width:400px) {
    .game-highlights .swiper-button-next {
        right: 5% !important;
        /* top: -30% !important; */
    }

    .game-highlights .swiper-button-prev {
        left: 67% !important;
        /* top: -30% !important */
    }

     .video-section .swiper-button-prev, .video-section .swiper-button-next{
top: 40% !important;
}
}

@media (max-width: 375px) {
    .section-bottom-first .orioles-buzz, .section-bottom-first .nationals-buzz {
        height: 160px;
    }
}

@media (max-width:350px) {
.game-highlights .swiper-button-prev{
    left: 64% !important;
}
}