body.ios-device .shop-btn img{
    transform: rotate(-90px);
}

@media only screen and (max-width:1559px) {
    body.body-proleaguecorp .aboutBanner h1 {
        margin: 0;
    }

    .aboutBanner img {
        margin: -78px auto -15px auto;
    }

    .audiencesWrapper ul {
        margin: 80px 0 32px;
    }

    body.body-proleaguecorp .beyond-sharing-section h2.beyond .textBG,
    body.body-proleaguecorp .fire-post-section h2.beyond .textBG,
    body.body-proleaguecorp .beyond-sharing-section h2.beyond,
    body.body-proleaguecorp .fire-post-section h2.beyond {
        font-size: 74px;
        line-height: 85px;
    }

    .beyond-sharing-col img,
    .fire-post-slide img {
        height: 220px;
    }

    .beyond-sharing-col,
    .fire-post-slide {
        padding: 14px;
    }

     body.body-proleaguecorp .beyond-sharing-col a,
     body.body-proleaguecorp .fire-post-slide a {
        font-size: 34px;
        line-height: 44px;
        margin: 30px 0 20px 0;
    }

     body.body-proleaguecorp .beyond-sharing-col p,
     body.body-proleaguecorp .fire-post-slide p {
        font-size: 20px;
        line-height: 25px;
    }

    body .beyond-sharing-sectio {
        padding: 40px 50px;
    }

    body .fire-post-section {
        padding: 0 43px 40px 43px;
    }

    body .beyond-sharing-section{
         padding: 14px 40px ;
    }

     body.body-proleaguecorp .fire-post-section h5 {
        font-size: 22px;
        margin: 46px 0 36px;
    }

     body.body-proleaguecorp .fire-post-section h5{
        margin: 46px 0 ;
     }

     

}

@media only screen and (max-width:1440px) {
    .aboutBanner img {
        margin: -48px auto -15px auto;
    }

    .aboutBanner img {
        max-width: 92%;
    }

    .fire-post-slide {
        height: 427px;
    }

        body.body-proleaguecorp .aboutBanner h1 {
        margin: 0;
        font-size: 82px;
        line-height: 76px;
    }
}

@media only screen and (min-width:1351px) and (max-width:1620px) {}

@media only screen and (min-width:1200px) and (max-width:1350px) {}

@media only screen and (min-width:768px) and (max-width:1199px) {}

@media only screen and (min-width:768px) and (max-width:991px) {}

@media only screen and (min-width:601px) and (max-width:768px) {}

@media only screen and (max-width:1300px) {

    body.body-proleaguecorp .aboutBanner h1 {
        font-size: 70px;
        line-height: 62px;
    }

    .aboutBanner img {
        margin: -15px auto -15px auto;
        max-width: 93%;
    }


    .colContentOA p.sub-heading-1 {
        line-height: 26px;
    }

    body.body-proleaguecorp .our-content-section ul li {
    font-size: 18px;
    line-height: 22px;
    }

    .beyond-sharing-row {
    grid-template-columns: repeat(3, 1fr);
    }

    body .beyond-sharing-section{
        padding: 20px 50px;
    }

    body.body-proleaguecorp .fire-post-section h5{
        font-size: 20px;
    }

     .fire-post-slide {
        height: auto;
    }

}

@media only screen and (max-width:1199px) {

    .colOA.colContentOA {
        padding-right: 47%;
    }

    body.body-proleaguecorp .eventSliderItem h2 {
        line-height: 62px;
    }

    .articlesScroller {
        right: 50px;
    }
}



@media only screen and (max-width:1024px) {
    .accordion ul li .accordionVerticalElement .accordionVerticalHeading {
        opacity: 0;
    }

    .accordion ul li.active .accordionVerticalElement .accordionVerticalHeading {
        opacity: 1;
    }



    .accordion ul li,
    .accordion ul li .accordionVerticalElement {
        height: 460px;
    }



}

@media only screen and (max-width:1199px) {}

@media only screen and (max-width:991px) {
    body.body-proleaguecorp .aboutBanner h1 {
        font-size: 52px;
        line-height: 52px;
    }

    body.body-proleaguecorp .socialMediaSlide h2{
        text-align: center;
        font-size: 60px;
        line-height: 1.2;
    }

    body.body-proleaguecorp .textBG {
        font-size: 40px;
        line-height: 40px;
    }

   

    .socialMediaWrappre ul.following-views-wrapper li img {
        width: 100%;
        max-width: 180px;
    }

    .videoWrapper ul.following-views-wrapper li img {
        width: 100%;
        max-width: 160px;
    }

    body.body-proleaguecorp .socialMediaSlide h4.textBG {
        font-size: 26px;
        line-height: 1.2;
        padding: 14px 14px 8px;
    }

    body .slick-next {
        right: -2px;
    }

    body .slick-prev {
        left: -2px;
    }

    .seasons-wrapper::before {
        top: -40px;
        left: 3px;
        width: 100px;
        height: 89px;
    }

    .audiencesWrapper img {
        max-width: 220px;
        height: 103px;
    }

    .audiencesWrapper {
        justify-content: center;
        gap: 100px;
    }

    .beyond-sharing-row {
        grid-template-columns: repeat(2, 1fr);
    }

    body.body-proleaguecorp .beyond-sharing-section h2.beyond .textBG,
    body.body-proleaguecorp .fire-post-section h2.beyond .textBG,
    body.body-proleaguecorp .beyond-sharing-section h2.beyond,
    body.body-proleaguecorp .fire-post-section h2.beyond {
        font-size: 50px;
        line-height: 60px;
    }

    body .beyond-sharing-section {
        padding: 40px 50px;
    }

    body .fire-post-section {
        padding: 0 40px 40px 50px;
    }

    body .fire-post-section button.slick-next.slick-arrow img {
        left: 70px;
    }

    body .fire-post-section button.slick-prev.slick-arrow img {
        right: 70px;
    }



    .ourArticlesOuterWrapper {
        overflow: hidden;
    }

    .articlesScroller {
        bottom: 25px;
        transform: none;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        height: auto;
        min-height: auto;
        top: unset;
        width: 100%;
        padding: 15px 15px 22px 15px;
        left: 0;
        background-color: rgba(0, 0, 0, 0.3);
        right: 0;
        margin: auto;
    }

    .itemAS {
        display: inline-flex;
        width: 100%;
        border: 0;
        border-right: 4px solid #DF4661;
        margin: 0;
        padding: 0 20px 0 0;
    }


    body.body-proleaguecorp .our-content-section h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .our-content-section {
        padding: 70px 0 30px;
    }

    .our-content-section::after {
        right: 0px;
        width: 120px;
        height: 183px;
    }

    body.page-template-about .socialMediaSlider button.slick-arrow {
        width: 40px;
        height: 40px;
    }

    body.page-template-about .socialMediaSlider .slick-next {
        right: -5px;
    }

    body.page-template-about .socialMediaSlider .slick-prev {
        left: -5px;
    }

    body.body-proleaguecorp .socialMediaSlide h4.textBG {
        font-size: 22px;
        line-height: 1.2;
        padding: 14px 10px 8px;
    }

    .videoWrapper {
        width: 100%;
    }

    .colOA.colContentOA {
        padding-right: 0;
    }

    body.body-proleaguecorp .our-content-section .textBG {
        font-size: 32px;
        line-height: 34px;
    }

}

@media only screen and (max-width:767px) {

  

   body .beyond-sharing-section h2.beyond {
    flex-direction: column;
}

    .our-content-section {
        padding: 120px 0 30px;
    }

    .socialMediaSlider.slick-initialized.slick-slider::before {

        top: -46px;

        width: 135px;
        height: 135px;

    }

    .socialMediaSlider.slick-initialized.slick-slider::after {

        right: 0;

        width: 50px;
        height: 50px;

    }

     .audiencesWrapper img {
        max-width: 220px;
        height: 81px;
    }


    ul.following-views-wrapper {
        flex-direction: column;
        display: flex;
        align-items: center;
    }

    body.body-proleaguecorp .aboutBanner h1 {
        font-size: 40px;
        line-height: 45px;
    }

    body.body-proleaguecorp .socialMediaSlide h2 {

        font-size: 40px;
    }

    .socialMediaWrappre ul.following-views-wrapper li img,
    .videoWrapper ul.following-views-wrapper li img {

        max-width: 110px;
    }

    .seasons-wrapper ul {
        padding: 0;
        display: flex;
        flex-wrap: wrap;

        justify-content: center;
    }

    body .siteContainer {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    body.body-proleaguecorp .seasons-wrapper h5 {
        font-size: 20px;
    }

    .audiencesWrapper {
        flex-direction: column;
    }

    .audiencesWrapper ul {
        flex-direction: row;
    }

    .audiencesWrapper {
        flex-direction: column;
        gap: 0;
    }

    .audiencesWrapper .vertical-line {
        width: 100%;
        margin: 40px 0 0;
        height: 10px;
    }

    .audiencesWrapper .vertical-line ul {
        height: 10px;
    }

    .audiencesWrapper ul li.line-vertical {
        width: 10px;
        height: 110px;
        margin: 0;
    }

    body .slick-next {
        right: -2px;
        top: 35%;
        width: 40px;
    }

    body .slick-prev {
        left: -2px;
        top: 35%;
        width: 40px;
    }

    .aboutBanner img {
        margin: 50px auto -8px auto;
        max-width: 93%;
    }

    .our-content-row {
        flex-direction: column;
        gap: 20px;
        padding: 0 20px;
    }

    body .our-content-col {
        width: 100%;
        text-align: left;
    }

    body .our-content-section .our-content-col-1 ul {
        margin: 0 auto 0 0;
    }

    body .our-content-section .our-content-col-1 ul li ,
    body .our-content-section .our-content-col-2 ul li{
        padding-left: 25px;
        padding-right: 0;
    }

    body .our-content-section .our-content-col-1 ul li::after , body .our-content-section .our-content-col-2 ul li::after{
        left: 0;
            width: 12px;
    height: 12px;
    }

     body.body-proleaguecorp .our-content-section ul li {
        font-size: 14px;
        line-height: 15px;
        margin: 0 0 15px;
    }

    body .our-content-section ul {
        width: 100%;
        max-width: 100%;
    }

    body.body-proleaguecorp .our-content-section .textBG {
        font-size: 32px;
        line-height: 34px;
    }

    body.body-proleaguecorp .beyond-sharing-section h2.beyond .textBG,
    body.body-proleaguecorp .fire-post-section h2.beyond .textBG,
    body.body-proleaguecorp .beyond-sharing-section h2.beyond,
    body.body-proleaguecorp .fire-post-section h2.beyond {
        font-size: 35px;
        line-height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.body-proleaguecorp .beyond-sharing-section h2.beyond .textBG,
    body.body-proleaguecorp .fire-post-section h2.beyond .textBG {
        padding: 12px 14px;
    }

    .beyond-sharing-row {
        grid-template-columns: repeat(1, 1fr);
    }

    body .beyond-sharing-section {
        padding: 40px 20px;
    }

    body .fire-post-section {
        padding: 0 40px 20px 50px;
    }

    .fire-post-slider {
        padding: 15px 0 60px;
    }

    body .fire-post-section button.slick-arrow img {
        position: absolute;
        bottom: -65px;
        width: 30px;
        height: 40px;
    }

    .accordion ul li,
    .accordion ul li .accordionVerticalElement {
        height: 130px;
    }

    .colOA.colContentOA {
        padding-bottom: 70%;
    }

    body.body-proleaguecorp .eventSliderItem h2 {
        line-height: 40px;
    }

     body.body-proleaguecorp .mainSliderWrapper .slick-dots li button {
        font-size: 12px;
        line-height: 14px;
        width: 16px;
        height: 17px;
    }

    .mainSliderWrapper .slick-dots li {
        margin: 0px 2px;
    }

    .colOA.colContentOA {
        padding-right: 0;
    }

   .seasons-wrapper h5.seasons-bg {
    padding: 60px 0;
}

body .seasons-wrapper h5.seasons-bg::before {
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

body .seasons-wrapper h5.seasons-bg::after {
    top: 115px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.seasons-wrapper {
    margin-top: 40px;
}

    .seasons-wrapper::before {
        top: -62px;
        left: -6px;
        width: 80px;
        height: 70px;
    }

         body.body-proleaguecorp .fire-post-section h5 {
        font-size: 14px;
    }

}

@media only screen and (max-width:600px) {}