/* about css */

.about-banner {
  background-image: url(../../img/home24/about/about-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}
.IMC-future {
  background-image: url(../../img/home24/about/imc-future.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 245px;
}
.IMC-future h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 60px;
  font-style: italic;
  position: relative;
}
.imc-future-container {
  width: 65% !important;
}
.IMC-future span {
  display: block;
  text-align: center;
}
.top-less {
  position: absolute;
  left: -18px;
}

.bottom-less {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.tabs-containers .tabs > ul li a {
  height: 75px;
}
.about-page .aboutus-exhibition{
background-color: #F4F5F7 !important;
}
.about-pag .tabs-wrapper {
  background: #ffffff;
}
.tabs-wrapper {
  overflow: hidden;
}
.about-page .tabs-section h6 span{ 
color: #fff !important;
}
.about-page .image-box img{
    width: 100% !important;
}
.about-page .tabs-wrapper .tabs {
    display: flex;
    width: 100%;
    align-items: start;
}
.about-page .tabs-wrapper .slide-up span{
    font-size: 35px !important;
    color: #fff !important;
}
.about-page .tabs-wrapper .tabs section{
    padding: 0rem !important;
}
.about-page .tabs-block {
    padding-bottom: 25px !important;
}
span.inner-gradient1 {
    margin-left: -147px;
}
span.inner-gradient2 {
    margin-left: -102px;
}
span.inner-gradient3 {
    margin-left: -241px;
}
span.inner-gradient4 {
    margin-left: -384px;
}
span.inner-gradient5 {
    margin-left: -171px;
}
span.inner-gradient6 {
    margin-left: -375px;
}
span.inner-gradient7 {
    margin-left: -227px;
}
.about-page .slide-up h6{
    margin-top: 20px;
}
.about-image img {
    border-radius: 10px;
}
/* media */
@media (min-width: 767px) and (max-width: 1024px) {
  .imc-future-container {
    width: 95% !important;
    padding: 0px 15px !important;
  }
  .about-page .container-fluid.max-container {
    width: 100% !important;
    padding: 0px 20px !important;
  }
  .about-page .tabs-wrapper .tabs {
    display: flex;
    width: 100%;
    align-items: normal;
}
.about-page .tabs-wrapper .tabs > ul:after {
    position: absolute;
    content: '';
    top: 6px;
    height: 84%;
    width: 1px;
    background: #000;
    left: 39px;
    z-index: 1;
}
.about-page .image-box img{
    width: 100% !important;
}
span.inner-gradient1 {
    margin-left: 0px;
}
span.inner-gradient2 {
    margin-left: 0px;
}
span.inner-gradient3 {
    margin-left: 0px;
}
span.inner-gradient4 {
    margin-left: 0px;
}
span.inner-gradient5 {
    margin-left: 0px;
}
span.inner-gradient6 {
    margin-left: 0px;
}
span.inner-gradient7 {
    margin-left: 0px;
}
.about-page .tabs-wrapper .slide-up span{
    font-size: 35px !important;
    color: #000000 !important;
}
}
@media (min-width: 300px) and (max-width: 767px) {
  .about-banner {
    height: 400px;
  }
  .imc-future-container {
    width: 100% !important;
    padding: 0px 15px !important;
  }
  .IMC-future h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
  }
  .about-page .container-fluid.max-container {
    width: 100% !important;
    padding: 0px 20px !important;
  }

  .about-page .tabs-containers .tabs-wrapper .tabs section {
    padding: 0px !important;
  }
  .about-page .tabs-wrapper  .tabs-containers .tabs section {
    margin-top: -16px !important;
  }
  .about-page .tabs-wrapper .tabs > ul:after {
    position: absolute;
    content: '';
    top: 0px;
    height: 1px !important;
    width: 90% !important;
    background: #000;
    left: 17px;
    z-index: 1;
}
.about-page .about-exhibition {
    padding: 50px 0px 50px 0px !important;
}
.about-page .slide-up{
height: auto !important;
}
.about-page .tabs-wrapper .slide-up span {
  font-size: 35px !important;
  color: #000000 !important;
}
}

@media (min-width: 300px) and (max-width: 400px) {
  .tabs-containers .tabs-wrapper .tab-link svg {
    position: relative !important;
    left: 0px;
    top: -21px !important;
  }
  .tabs-containers .tabs > ul li a {
    height: 110px;
  }
  .tabs-containers .tabs > ul li a,
  .tabs > ul li a:visited {
    padding: 10px 6px !important;
  } 
  .about-page .tabs-wrapper  .tabs-containers .tabs > ul:after {
    position: absolute;
    content: "";
    top: 6px;
    height: 1px !important;
    width: 100% !important;
    background: #000;
    left: 0px;
    z-index: 1;
  }
  .about-page .tabs-wrapper  .tabs-containers .tabs section {
    margin-top: -34px !important;
  }
  .about-page .tabs-wrapper .tabs-containers  .tabs section {
    padding: 0px !important;
  }
  .about-page .tabs-wrapper .slide-up span {
    font-size: 35px !important;
    color: #000000 !important;
}
}