a:hover,
a:focus {
  text-decoration: none; }

.detaul-cotnent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .detaul-cotnent .pongeImg img {
    width: 100%; }
  .detaul-cotnent .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #f6f6f6;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15); }
    .detaul-cotnent .left .bg {
      padding: 0 40px; }
    .detaul-cotnent .left .title {
      font-size: 30px;
      font-weight: bold;
      color: #000;
      text-align: left;
      margin-top: 20px;
      margin-bottom: 20px; }
    .detaul-cotnent .left .other {
      margin: 10px 0; }
      .detaul-cotnent .left .other span {
        margin: 0 5px; }
      .detaul-cotnent .left .other, .detaul-cotnent .left .other span, .detaul-cotnent .left .other a {
        font-size: 14px;
        color: #888585; }
      .detaul-cotnent .left .other a {
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all; }
        .detaul-cotnent .left .other a:hover {
          color: #00aacd; }
    .detaul-cotnent .left .con {
      font-size: 14px;
      color: #888585;
      line-height: 2;
      padding-bottom: 50px; }
    .detaul-cotnent .left .theTable {
      margin: 20px 0;
      font-weight: bold;
      color: #000; }
      .detaul-cotnent .left .theTable, .detaul-cotnent .left .theTable a {
        font-size: 14px; }
      .detaul-cotnent .left .theTable a {
        color: #888585;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all; }
        .detaul-cotnent .left .theTable a:hover {
          color: #00aacd; }
    .detaul-cotnent .left .morebtn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-size: 16px;
      color: #333;
      margin: 20px 0; }
      .detaul-cotnent .left .morebtn a {
        font-size: 14px;
        color: #333;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all; }
        .detaul-cotnent .left .morebtn a:hover {
          color: #00aacd; }
  .detaul-cotnent .right {
    width: 435px; }

.breadCrumbs {
  margin-bottom: 20px; }

  .detaul-cotnent .left{
    margin-bottom:20px;
    padding-bottom:20px;
  }
  .detaul-cotnent .left .title{
    margin-top: 30px;
  }
  .detaul-cotnent .right{
    padding-left:30px;
  }
  .detaul-cotnent .right .commonRecommended{
    width:100%;
  }

  @media (max-width:991px){
    .detaul-cotnent{
      flex-direction: column;
    }
    .detaul-cotnent .right{
      padding-left: 0;
      width:100%;
    }
  }

  @media (max-width:575px){
    .detaul-cotnent .left .title{
      font-size:26px;
    }
    .detaul-cotnent .left .bg{
      padding:0 20px;
    }
    .detaul-cotnent .left .morebtn{
      flex-direction: column;
    }
    .detaul-cotnent .left .morebtn a{
      margin:10px 0;
    }
    .detaul-cotnent .left{
      padding-bottom: 0;
    }
  }