@media only screen and (min-width: 1920px) {
}

@media only screen and (min-width: 1400px) and (max-width: 1900px) {
  .main_title {
    font-size: 40px;
  }
  .game_predict p,
  .feature_box p {
    font-size: 22px;
  }
  .game_predict img {
    max-width: 750px;
  }
  .player img {
    max-width: 500px;
    top: -200px;
  }
  .why_Nrl .subtitle {
    font-size: 44px;
  }
  .why_Nrl .title {
    font-size: 100px;
  }
  .feature_box h4,
  .Predictions h4,
  .sub_heading {
    font-size: 28px;
  }
  .Predictions h2,
  .heading,
  .title2 {
    font-size: 54px;
  }
  footer {
    margin-top: -95px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1390px) {
  .banner img {
    max-height: 650px;
  }
  .game_keypoient img.arrow {
    max-width: 100px;
  }
  .main_title {
    font-size: 40px;
  }
  .game_predict p,
  .feature_box p {
    font-size: 18px;
  }
  .game_predict img {
    max-width: 600px;
  }
  .player img {
    max-width: 453px;
    top: -200px;
  }
  .why_Nrl .subtitle {
    font-size: 26px;
  }
  .why_Nrl .title {
    font-size: 56px;
  }
  .feature_box h4,
  .Predictions h4,
  .sub_heading,
  .ft_top h4 {
    font-size: 22px;
  }
  .Predictions h2,
  .heading,
  .ft_top h2,
  .title2 {
    font-size: 42px;
  }
  #NBA footer {
    margin-top: 0px !important;
  }
  footer {
    margin-top: -95px;
    padding: 130px 0 30px;
  }
  .game_keypoient ul li {
    font-size: 16px;
    margin: 15px 0;
  }
  .game_keypoient ul li img {
    max-height: 24px;
  }
  .comnbtn,
  .outline_btn {
    font-size: 18px;
    padding: 8px 30px;
  }
  .why_Nrl {
    padding-top: 130px;
  }
  .W_element_1 {
    max-width: 150px;
  }
  .ft_top {
    margin-bottom: 250px;
  }
  .trust {
    padding-top: 120px;
  }
  .Predictions {
    padding: 80px 0 40px;
  }
  .test li {
    margin-top: 40px;
    position: relative;
  }
  .test li p,
  .test li span,
  .work_process li span,
  .work_process li p {
    font-size: 17px;
  }
  .test li img {
    max-width: 30px;
    position: absolute;
    top: -15px;
  }
  .prediction-card p {
    font-size: 16px;
  }
  .right_side p {
    padding-right: 55px;
  }
  .left_side p {
    padding-left: 55px;
  }
}

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

@media screen and (max-width: 1180px) {
  .player,
  .game_keypoient img.arrow {
    display: none;
  }
  .main_title {
    font-size: 34px;
  }
  .game_predict p {
    font-size: 20px;
  }
  .comnbtn,
  .outline_btn {
    font-size: 18px;
    padding: 8px 30px;
  }
  .banner_caption {
    flex-wrap: wrap;
    bottom: 60px;
  }
  .game_keypoient ul li {
    font-size: 16px;
  }
  .game_keypoient {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: left;
  }
  .game_keypoient ul {
    display: inline-flex;
    width: 100%;
    gap: 30px;
    justify-content: center;
  }
  .game_predict {
    width: 100%;
  }
  .game_predict img {
    max-width: 550px;
    margin-top: 50px;
    margin-bottom: 0;
  }
  .game_predict p,
  .feature_box p,
  .mailtext p,
  a[href^="mailto:"] {
    font-size: 18px;
  }
  .game_predict img {
    max-width: 500px;
    margin: 0;
  }
  .player img {
    max-width: 453px;
    top: -200px;
  }
  .why_Nrl .subtitle {
    font-size: 26px;
  }
  .why_Nrl .title {
    font-size: 56px;
  }
  .feature_box h4,
  .Predictions h4,
  .sub_heading,
  .ft_top h4 {
    font-size: 20px;
  }
  .Predictions h2,
  .heading,
  .ft_top h2,
  .title2 {
    font-size: 34px;
  }
  footer {
    margin-top: -55px;
    padding: 80px 0 30px;
  }
  .game_keypoient ul li {
    font-size: 16px;
    margin: 15px 0;
  }
  .game_keypoient ul li img {
    max-height: 24px;
  }
  .comnbtn,
  .outline_btn {
    font-size: 18px;
    padding: 8px 25px;
  }
  .why_Nrl {
    padding-top: 130px;
  }
  .W_element_1 {
    max-width: 150px;
  }
  .ft_top {
    margin-bottom: 30px;
  }
  .trust {
    padding-top: 120px;
  }
  .Predictions {
    padding: 80px 0 40px;
  }
  .test li {
    margin-top: 25px;
    position: relative;
  }
  .test li p {
    margin-top: 5px;
    line-height: normal;
    margin-bottom: 0;
  }
  .test li p,
  .test li span,
  .work_process li span,
  .work_process li p,
  .team h6 {
    font-size: 17px;
  }
  .test li img {
    max-width: 30px;
    position: absolute;
    top: -15px;
  }
  .prediction-card p {
    font-size: 16px;
    line-height: normal;
    margin: 0;
  }
  .right_side p {
    padding-right: 55px;
  }
  .left_side p {
    padding-left: 55px;
  }
  .fansimg {
    width: 70%;
    margin: auto;
    gap: 30px;
  }
  .W_element_2 {
    max-height: 150px;
  }
  .vs {
    font-size: 20px;
  }
  .team img {
    width: 50px;
    height: 50px;
  }
  .ft_bottom img {
    max-width: 200px;
  }
  .separator {
    width: 200px;
    height: 4px;
    margin: 20px auto;
  }
  .BTNGROUP {
    margin-top: 30px;
  }
  .work_process {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .process_icon {
    width: 90px;
    height: 90px;
    padding: 22px;
  }
  .space {
    height: 50px;
  }
}

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

@media screen and (max-width: 991px) {
  .hero_section {
    display: none;
  }
  .mobile_hero_section {
    display: block;
  }
  .banner::after,
  .girl_img,
  .ft_bottom > img {
    display: none;
  }
  footer {
    margin-top: 0;
  }
  .banner_caption {
    position: initial;
    color: #0f52ba;
    padding: 50px 20px;
  }
  .game_predict {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .game_predict p {
    font-size: 20px;
  }
  .game_predict img {
    order: 1;
  }
  .game_predict a {
    order: 4;
  }
  .game_keypoient ul {
    gap: 15px;
  }
  .why_Nrl .title {
    font-size: 40px;
  }
  #mlb_page img.section_right_icon {
    max-width: 100px;
  }
}

@media screen and (max-width: 767px) {
  .W_element_1,
  .W_element_2,
  .left_side .team-vs:after,
  .right_side .team-vs:after,
  .work_process::before,
  .Predictions {
    display: none;
  }
  .Predictions_Mobile {
    display: block;
    background: #0f52ba;
    padding: 30px 15px;
  }
  .Predictions h2,
  .heading,
  .ft_top h2 {
    font-size: 30px;
  }
  .game_keypoient ul {
    display: block;
  }
  .feature_box li {
    width: 100%;
    border-bottom: 2px dashed #1a1a1a;
    padding-right: 0;
    border-right: none;
  }
  .why_Nrl {
    padding-top: 40px;
    margin: 0;
  }
  .fansimg {
    width: 100%;
    padding: 0 15px;
  }
  .Predictions {
    padding: 50px 0 40px;
    margin-top: -15px;
  }
  .work_process {
    margin: 0;
    display: block;
  }
  .work_process li {
    width: 100%;
    padding: 15px;
  }
  .Predictions:before {
    height: calc(100% + 30px);
  }
  .trust {
    padding-top: 70px;
  }
  .BTNGROUP {
    display: block;
  }
  .game_predict img {
    max-width: 100%;
  }
  .ft_top p {
    font-size: 16px;
    margin-bottom: 0;
  }
  .BTNGROUP {
    margin-top: 0;
  }
  .game_predict p,
  .feature_box p,
  .mailtext p,
  a[href^="mailto:"] {
    font-size: 16px;
  }
  #mlb_page .comnbtn{
    font-size: 16px;
    padding: 8px 15px;
  }
}

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

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

@media only screen and (min-width: 1920px) {
}

@media only screen and (min-width: 1600px) and (max-width: 1900px) {
}

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

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

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}