@media (min-width: 840px) and (max-width: 1200px) {
  .container .navbar-nav > li > a {
    padding: 15px 10px;
  }
  .navbar-brand {
    height: 50px;
  }
  .banner_video {
    height: calc(100% - 50px);
    margin-top: 50px;
  }
  .bannercon {
    padding-top: 50px;
    left: 20px;
  }
  .css-8nahbc {
    margin-top: 5%;
    margin-bottom: 30px;
  }
  .chakra-heading-title {
    font-size: 16px;
  }
  .chakra-heading-title > div,
  .title {
    width: auto;
  }
  .chakra-heading {
    font-size: 16px;
  }
  .left_title {
    margin-left: -15px;
  }
  .chakra-text {
    font-size: 12px;
  }
  .newtitle_box {
    margin: 20px 12px;
  }
  .chakra-heading {
    width: auto;
  }
  .box1 .chakra-text {
    width: auto;
  }
  .newcol {
    margin-bottom: 30px;
  }
  .box3 .chakra-text {
    width: auto;
  }
  .partner_content{
    width: 50%;
  }
}