.banners-default_home {
  padding: 70px 0 40px;
  float: left;
  width: 100%;
  margin-bottom: 40px; }
  @media (min-width: 1200px) {
    .banners-default_home {
      background: url("../images/bk-gas.jpg") no-repeat left 0 top -901px; } }
  @media (max-width: 991px) and (min-width: 720px) {
    .banners-default_home .container {
      padding: 0 40px; } }
  .banners-default_home .block_title {
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    max-width: 1140px;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 60px; }
  .banners-default_home .banners-item {
    float: left;
    width: 33.333333333333%;
    overflow: hidden;
    padding: 0 10px;
    transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 120px;
    position: relative;
    z-index: 21;
    border: 1px solid #343434;
    text-align: center; }
    @media (min-width: 720px) {
      .banners-default_home .banners-item {
        transform: rotate(0deg) scale(1) skew(-14deg) translate(0px);
        -webkit-transform: rotate(0deg) scale(1) skew(-14deg) translate(0px);
        -moz-transform: rotate(0deg) scale(1) skew(-14deg) translate(0px);
        -o-transform: rotate(0deg) scale(1) skew(-14deg) translate(0px);
        -ms-transform: rotate(0deg) scale(1) skew(-14deg) translate(0px); } }
    @media (min-width: 992px) {
      .banners-default_home .banners-item {
        height: 514px; } }
    @media (max-width: 991px) and (min-width: 481px) {
      .banners-default_home .banners-item {
        height: 350px; } }
    @media (max-width: 480px) {
      .banners-default_home .banners-item {
        width: 100%;
        margin-bottom: 20px; } }
    .banners-default_home .banners-item img {
      transform-style: flat;
      -webkit-transform-style: flat;
      -moz-transformtransform-style: flat;
      -ms-transform-style: flat; }
      @media (min-width: 720px) {
        .banners-default_home .banners-item img {
          transform: rotate(0deg) scale(1) skew(14deg) translate(0px);
          -webkit-transform: rotate(0deg) scale(1) skew(14deg) translate(0px);
          -moz-transform: rotate(0deg) scale(1) skew(14deg) translate(0px);
          -o-transform: rotate(0deg) scale(1) skew(14deg) translate(0px);
          -ms-transform: rotate(0deg) scale(1) skew(14deg) translate(0px); } }

.banners-default {
  float: left;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #ededed;
  padding: 20px 0px 10px; }
  .banners-default .banners-item {
    margin-bottom: 10px;
    float: left;
    width: 100%; }

@media (max-width: 768px) {
  .khoahoc .banners-item {
    width: 33% !important; } }

@media (max-width: 768px) {
  .details-science .banners-item {
    width: 33%;
    padding: 5px; } }

/*# sourceMappingURL=banners.css.map */