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

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

/* Max With CRT Manitor Only */
@media screen and (max-width: 1024px) {

}

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

}

@media (device-width: 100vw) and (device-height: 100vh) {
}
@media screen and (min-width: 1024px) and (max-width: 1152px) {
}

@media screen and (min-width: 1025px) and (max-width: 1152px) {
  .banner-content-changes {
    padding: 100px 0 0 6px;
    max-width: 90%;
  }

  .home-welcome-block .title {
    font-size: 4em;
    line-height: 5rem;
  }

  .home-welcome-block > .welcome-sub-title {
    color: #00D8FF;
    margin: 50px 0 30px;
    font-size: 1.5em;
    font-weight: 600;
    max-width: 450px;
  }
}

@media screen and (min-width: 1153px) and (max-width: 1280px) {
  .banner-content-changes {
    padding: 100px 0 0 6px;
    max-width: 90%;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1366px) {
  .banner-content-changes {
    padding: 100px 0 0 6px;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1400px) {
}

@media screen and (min-width: 1401px) and (max-width: 1440px) {
}

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

@media screen and (min-width: 1601px) and (max-width: 1680px) {
}

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

/* Common Responsive Css Only */
@media screen and (min-width:100px) and (max-width:709px) {
  section.home_page_sec > .home_banner_sec {
    background: transparent url("../images/bex-home-bg-mobile.png") no-repeat right top scroll;
    background-size: cover;
  }

  .home-welcome-block {
      width: 95%;
      color: #FFFFFF;
      padding: 100px 0 45px;
  }

  .home-welcome-block a,
  .home-welcome-block a:active,
  .home-welcome-block a:hover,
  .home-welcome-block a:visited {
      color: #000000;
  }

  .home-welcome-block .title {
      font-size: 2.5rem;
      font-weight: 600;
      line-height: 2.8rem;
  }

  .banner_content .home-welcome-block > p {
      font-size: 1.3rem;

  }

  .home-welcome-block > .welcome-sub-title {
      color: #00D8FF;
      margin: 40px 0 22px;
      font: 1.4rem 'Inter';
      font-weight: 600;
  }

  .home-welcome-block > p {
      font-size: 1.4rem;
  }

  .home-welcome-block > .welcome-trading-box > a.banner_btn {
      color: #ffffff;
      line-height: 2.5rem;
      font: 1.5rem 'Inter';
      background-image: linear-gradient(to right, #005f9e, #00a7e5);
      border: 0;
      padding: 10px 20px;
      border-radius: 10px;
  }
}

@media screen and (min-width: 552px) and (max-width: 709px) {
  .banner-content-changes {
    padding: 450px 0 0 6px;
  }
}

@media screen and (min-width: 100px) and (max-width: 736px) {
  
}

@media screen and (min-width: 100px) and (max-width: 736px) {

}

/* Max With 320 Only */
@media screen and (min-width: 100px) and (max-width: 320px) {
}

/* Max With 360 Only */
@media screen and (min-width: 321px) and (max-width: 360px) {


}

/* Max With Iphone6 Portrait Only */
@media screen and (min-width: 361px) and (max-width: 414px) {
}


/* Max With Iphone6+ Portrait Only */
@media screen and (min-width: 377px) and (max-width: 414px) {
}

/* Max With 480 Only */
@media screen and (min-width: 415px) and (max-width: 480px) {
}

@media screen and (min-width: 535px) and (max-width: 598px) {
}

@media screen and (min-width: 481px) and (max-width: 736px) {
}

@media screen and (min-width: 481px) and (max-width: 568px) {
}

/* Max With 640 Only */
@media screen and (min-width: 599px) and (max-width: 640px) {
}

/* Max With Iphone6 Landscape Only */
@media screen and (min-width: 641px) and (max-width: 667px) {
}

/* Max With Iphone6+ Landscape Only */
@media screen and (min-width: 668px) and (max-width: 736px) {
}

@media screen and (min-width: 481px) and (max-width: 534px) {
}

/* Max With Iphone8+ Landscape Only */
@media screen and (min-width: 660px) and (max-width: 950px) and (orientation: landscape) {
  section.home_page_sec {
      background: transparent url("../images/bex-home-bg-landscape.png") no-repeat right top scroll;
      background-size: cover;
  }

  .banner_sec {
    min-height: 428px;
  }

  .home-welcome-block {
      padding: 0 36px;
  }

  .banner_content {
      padding: 20px 30px 30px;
  }

  .banner-content-changes {
    padding: 150px 0 0 6px;
  }

  .home-welcome-block {
    max-width: 450px;
  }

  .home-welcome-block .title {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 2.8rem;
  }

  .banner_content .home-welcome-block > p {
      font-size: 1.3rem;

  }

  .home-welcome-block > .welcome-sub-title {
      color: #00D8FF;
      margin: 40px 0 22px;
      font: 1.4rem 'Inter';
      font-weight: 600;
  }

  .home-welcome-block > p {
      font-size: 1.4rem;
  }

  .home-welcome-block > .welcome-trading-box > a.banner_btn {
      color: #ffffff;
      line-height: 2.5rem;
      font: 1.5rem 'Inter';
      background-image: linear-gradient(to right, #005f9e, #00a7e5);
      border: 0;
      padding: 10px 20px;
      border-radius: 10px;
  }
}

/* Max With Tablets Portrait Only */
@media screen and (min-width: 710px) and (max-width: 1024px) and (orientation: portrait) {
  section.home_page_sec > .home_banner_sec {
      background: transparent url("../images/bex-home-bg-tablet.png") no-repeat right top scroll;
      background-size: cover;
  }

  .home-welcome-block {
      padding: 280px 36px  45px;
  }

  .banner_content {
      padding: 50px 30px;
  }
}

/* iPad Pro Portrait Only */
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait) {
  .home-welcome-block {
      padding: 240px 36px 165px;
  }
}

/* Max With Tablets Landscape Only */
@media screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
  section.home_page_sec > .home_banner_sec {
      background: transparent url("../images/bex-home-bg-tablet-landscape.png") no-repeat right top scroll;
      background-size: cover;
  }

  .home-welcome-block {
      padding: 60px 36px  45px;
  }

  .banner_content {
      padding: 50px 30px;
  }

  .home-welcome-block > h1 {
      font-size: 4rem;
      line-height: 4.5rem;
  }

}


/* Ivo screen */
@media screen and (min-height:1100px){
    body {
      height: 100vh;
    }

    .main-root {
      display: flex !important;
      flex-direction: column !important;
      height: 100vh;
    }

    batp-home,
    batp-registration,
    batp-user-register,
    batp-issuer-register,
    batp-issuer-register-wizard,
    batp-user-register-steps,
    batp-login,
    batp-profile,
    batp-markets,
    batp-ibo,
    batp-ibo-company,
    batp-market-info-novice,
    batp-about-us,
    batp-contact-us,
    batp-wallet {
      display: flex !important;
      flex: 1 0 auto;
      flex-direction: column !important;
    }

    .bg_page_sec {
      flex: 1 0 auto;
    }

    .uhd-main-head {
      flex: 1 0 auto;
    }

    .home_page_sec,
    .wallet_page_sec {
      flex: 1 0 auto;
      height: calc(100% - 120px);
    }

    .banner_sec.home_banner_sec {
        background-image: url('../images/bex-home-new-uhd.png') !important;
        background-position: right bottom;
        background-size: contain;
        flex: 1 0 auto;
        height: 100vh;
    }

    .banner-content-changes {
      padding: 600px 0 0 6px;
    }

    batp-markets .home_page_sec {
      flex: none !important;
      height: auto !important;
    }

    batp-markets .market-list-sec {
      flex: 1 0 auto;
    }

    .market_list_sec,
    .ibo_company_detail,
    .press_ct_blk,
    .marketinfo_novice_blk {
      height: 100%;
    }

    .market_info_vh {
      background: #0f131e;
      height: calc(100vh - 122px);
      max-height: inherit;
      overflow: hidden;
    }

    .tradeTopBar {
      height: 5% !important;
    }

    .mkt_pro_mainsec {
      height: 95% !important;
    }
    .mkt_trd_datasec, .trading_chart_pro {
      height: 60% !important;
    }

    .mkt_usertrd_sec, .sell_buy_shares  {
      height: 40% !important;
    }
    .mkt_order {
      height: 75% !important;
    }
    .mkt_order.pro_border_bottom {
      height: 25% !important;
    }

}