.decor .navigation {
    background-color: rgba(29, 29, 31, 0.7);
}
#quicklink {
    margin: 86px 24px 0;
}

#quicklink .ql-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#quicklink .card2 .name, #quicklink .card2 .stitle {
    text-align: center;
}

#quicklink .card2 {
    position: relative;
    padding: 8px 12px;
    margin-bottom: 16px;
    border-radius: 8px;
    background-color: #ffffff;
}

#quicklink .card2 .info {
    position: absolute;
    width: calc(100% - 24px);
    z-index: 2;
}

#quicklink .card2 img {
    z-index: 1;
    width: 100%;
    height: 102px;
}

#drill-rig {
    /*padding: 0 24px;*/
    margin: 36px 24px 0;
}

#drill-rig .card .img-wrap {
    position: relative;
}

#drill-rig .card .video-wrp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #1e1e1e;
    /*pointer-events: none;*/
    display: none;
    /*background: red;*/
}

#drill-rig .card .video-wrp .decor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#drill-rig .card .video-wrp .decor a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


#drill-rig .card .video-wrp iframe {
    width: 100%;
    height: 100%;
    
}

@media (max-width: 767px) {
    #quicklink .card2 {
        width: calc((100% - 12px) / 2);
        height: 62px;
    }
    #quicklink .card2:nth-child(2n) {
        margin-left: 12px;
    }
     #quicklink .card2 .name {
         font-size: 18px;
         font-weight: 600;
     }
      #quicklink .card2 .stitle {
          display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 14px;
          font-weight: 500;
      }
       #quicklink .card2 .detail {
           display: none;
           font-size: 12px;
           padding: 0;
           margin-top: 8px;
       }
    #drill-rig .list ul {
      flex-direction: column;
  }
  
  #drill-rig .list ul .card {
      position: relative;
      width: 100%;
      height: 454px;
  }
  
  #drill-rig .list ul .card img {
      position: absolute;
      max-width: 100%;
      max-height: 276px;
      left: 50%;
    transform: translateX(-50%);
  }
  
  #drill-rig .list ul .card .img-wrap {
    height: 276px;
  }
  
  #drill-rig .list ul .card .name {
      padding: 0 20px;
      font-size: 28px;
      font-weight: 700;
  }
  
  #drill-rig .list ul .card .sname {
      padding: 0 20px;
      font-size: 18px;
      font-weight: 500;
  }
  #drill-rig .list ul .card .text-11 {
      padding: 0 20px;
      font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #quicklink .card2 {
        width: calc((100% - 36px) / 4);
        height: 102px;
        margin-left: 12px;
    }
    #quicklink .card2:nth-child(4n + 1) {
        margin-left: 0;
    }
     #quicklink .card2 .name {
         font-size: 18px;
         font-weight: 600;
     }
      #quicklink .card2 .stitle {
          display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 14px;
          font-weight: 500;
      }
       #quicklink .card2 .detail {
           font-size: 12px;
           padding: 0;
           margin-top: 8px;
       }

    #drill-rig .card {
        width: calc((100% - 48px) / 4);
        height: 400px;
    }
    #drill-rig .card .name {
        padding: 0 12px;
        font-size: 20px;
        font-weight: 700;
    }
     #drill-rig .card .sname {
         padding: 0 12px;
        font-size: 16px;
        font-weight: 500;
     }
     #drill-rig .card .text-11 {
         padding: 0 12px;
         font-size: 14px;
     }
}

@media screen and (min-width: 992px) {
    #quicklink .quicklink {
        width: 80%;
        margin: 0 auto;
    }
    #quicklink .card2 {
        width: calc((100% - 24px) / 3);
        height: 112px;
        margin-left: 12px;
    }
    #quicklink .card2:nth-child(3n + 1) {
        margin-left: 0;
    }
     #quicklink .card2 .name {
         font-size: 26px;
         font-weight: 600;
     }
      #quicklink .card2 .stitle {
          display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
          white-space: nowrap;
          font-size: 14px;
          font-weight: 500;
      }
       #quicklink .card2 .detail {
           font-size: 12px;
           padding: 0;
           margin-top: 8px;
       }
     #drill-rig .list {
         width: 80%;
         margin: 0 auto;
     }
     #drill-rig .card {
         position: relative;
        width: calc((100% - 32px) / 3);
        height: 416px;
    }
    #drill-rig .list ul .card .img-wrap {
        height: 262px;
    }
    #drill-rig .list ul .card .img-wrap img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        max-width: 100%;
        max-height: 262px;
    }
    #drill-rig .list ul .card img.bg {
        height: 416px;
    }
    #drill-rig .card .name {
        padding: 0 12px;
        font-size: 20px;
        font-weight: 700;
    }
     #drill-rig .card .sname {
         padding: 0 12px;
        font-size: 16px;
        font-weight: 500;
     }
     #drill-rig .card .text-11 {
         padding: 0 12px;
         font-size: 14px;
     }
}