@media (max-width: 992px) {
  .banner img {
    object-fit: fill;
  }
  .banner {
    height: 110px;
  }
  .banner .had_title h3 {
    font-size: 15px;
  }
  .bnr_top {
    position: absolute;
    top: 5px;
    background: #2f2e2e99;
    width: 180px;
    padding: 5px 10px;
    right: 5px;
    border-radius: 6px;
  }
  .bnr_top p {
    font-size: 10px;
  }
  .com_flg {
    top: 5px;
    left: 5px;
    width: 40px;
    height: auto;
  }
  .sel_two .col-md-6:nth-child(1) .pos_r {
    position: relative;
    margin-bottom: 10px;
    z-index: 10;
  }
  .sel_visa_list {
    padding-right: 0;
    display: block;
  }
  .sel_visa_list .sel_visa_box {
    width: 100%;
  }
  .sel_visa_list .list {
    width: 100%;
  }
  .visa_list {
    justify-content: center;
  }
  .visa_list li {
    list-style-type: none;
    width: 47%;
  }
  .apply_now {
    padding: 0px 0 30px;
  }
  .forn_ad_title h3 {
    margin-top: 0px;
  }

  .than_ky {
    padding: 10px;
    width: 100%;
  }
  .apply_now_suc {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .comon_css .modal-body a.pull-right {
    position: absolute;
    right: -8px;
    top: -5px;
  }
  .bnr_top {
    display: none;
  }
  .msg_show {
    display: none;
  }

  .keep_doc {
    display: block;
  }
  .keep_doc p {
    justify-content: space-between;
  }
  .keep_doc p span.trick_sfdf:hover .trick_sf {
    width: 316px;
    left: inherit;
    top: 15px;
    right: 12px;
    z-index: 2;
  }
  .keep_doc ul {
    gap: 10px;
    margin-top: 15px;
  }

  .nine_width,
  .three_width {
    flex: 0 0 auto;
    width: 100% !important;
  }
  .mesg_desc ul {
    display: block;
  }
  .pre_ap_df .form-box {
    display: block;
  }
  .uploads-docs .form-box .form-group {
    margin-bottom: 7px;
  }
  .mesg_desc ul li {
    border-right: 0px solid #dddddd;
  }
  .mesg_desc ul li:nth-child(3) {
    border-bottom: 1px solid #dddddd;
  }
  .than_ky h1 {
    font-size: 20px;
  }
  .mesg_desc {
    padding: 10px;
  }
  .hove_pad .hover_exa {
    width: 241px;
    right: -100%;
    left: 0;
  }

  .visa_app_trck .box {
    display: block;
    padding: 20px;
  }
  .visa_app_trck .box .appl_detials {
    width: 100%;
    border: none;
    margin-bottom: 20px;
  }
  .visa_app_trck .box .appl_detials_approv {
    width: 100%;
    display: block;
    padding: 20px;
    border-radius: 20px;
  }
  .visa_app_trck .box .appl_detials_approv .appl_svg {
    margin-bottom: 15px;
  }
  .form_track {
    padding: 10px;
  }

  .sel_visa_list .list {
    display: block;
  }
  .ple_ase_sle {
    position: inherit;
    padding: 0 10px;
    margin-top: 0;
  }
  .ple_ase_sle p {
    text-align: center;
  }

  .applicante_details .pad_applic .form-group .resident-confirmation233 label {
    display: block;
  }
  .applicante_details
    .pad_applic
    .form-group
    .resident-confirmation233
    label
    input {
    width: auto;
  }
  .saudibasedcountry {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .header-bg {
    flex-direction: column;
  }
  .top_des_layout .meta_rec {
    margin-top: 20px;
  }
  .visa_type_table ul {
    display: flex;
    gap: 8px;
    padding-left: 0;
    flex-wrap: wrap;
  }
  .top_des_layout .meta_rec {
    width: 100%;
    height: 100px;
  }
  .card-wrap {
    max-width: 100%;
    margin: 16px auto;
    overflow: hidden;
    padding: 0 10px;
  }
}
