@media(max-width:1400px) {
  .banner-content h2 {
    font-size: 70px;
  }
}

@media(max-width:1336px) {

  /* Flags Archive */

  .faqs .accordion .accordion-item button .accordion-title {
    font-size: 20px;
  }

  header .container-md.container-lg.container-fluid {
    max-width: 100%;
  }

  header .container-md.container-lg.container-fluid .row.py-lg-3.py-2.cstm-border {
    padding: 10px 0 !important;
  }

  .header .social__links a i {
    font-size: 14px;
  }

  .header .header__links {
    gap: 15px;
  }

  .header .header__links li a {
    font-size: 12px;
  }

  .nav-links li a {
    padding: 10px 12px;
    font-size: 16px;
  }

  .drop-menu li a {
    font-size: 13px;
  }

  .mega-box {
    max-width: 60%;
  }

  .mega-box .content {
    padding: 15px 10px;
  }

  .mega-box .content ul.mega-links a {
    font-size: 13px;
    padding: 5px 10px;
  }

  .mega-box .content ul.mega-links li:first-child a {
    font-size: 14px !important;
  }

  section.banner {
    height: 50vh;
  }

  .banner-content h2 {
    font-size: 40px;
  }

  section.flight__form {
    margin-top: -24vh;
  }

  section.flight__form .container-lg.container-fluid {
    padding: 0 5px;
  }


  .flight_form__inner {
    padding: 15px 25px 15px 25px;
    border-radius: 10px;
  }

  .tab-links button,
  .tab-links li a {
    padding: 0 5px 6px;
  }

  .tabs.ticket_tabs .tab-content.pt-lg-4.pt-2 {
    padding: 0 !important;
  }

  .tabs.ticket_tabs .tab-content.pt-lg-4.pt-2 .tab form .row.py-lg-4.py-2 {
    padding: 20px 0 10px !important
  }

  .tabs.ticket_tabs .tab-content.pt-lg-4.pt-2 .tab form .row.py-2 .col-lg-4.col-6.p-2 {
    padding: 3px !important;
  }

  .tabs.ticket_tabs .tab-content.pt-lg-4.pt-2 .tab form .d-flex.pt-lg-4.pt-0.justify-content-center {
    padding: 5px 0 0 !important;
  }

  .fly__dropdown-menu {
    min-width: 130px;
    border-radius: 6px;
  }

  .fly__dropdown-menu label {
    padding: 5px 0;
    font-size: 13px;
  }

  .fly__dropdown-menu,
  .trvlrs__dropdown_menu {
    padding: 13px;
  }

  .flight-class-dropdown .fly__dropdown-menu h3 {
    margin-bottom: 5px;
  }

  .trvlrs__dropdown_menu {
    border-radius: 6px;
    min-width: 200px;
  }

  .trvlrs__dropdown_menu .trvlrs__row:first-child {
    margin-bottom: 15px !important;
  }

  .trvlrs__row {
    margin-bottom: 10px;
  }

  .activity-inner .slick-dots li,
  .trvlrs__close_btn svg,
  button.trvlrs__btn svg {
    width: 13px;
    height: 13px;
  }

  h4.rooms-title {
    font-size: 18px;
  }

  /* Global */

  .sub-heading {
    margin-bottom: 10px;
  }

  .line {
    width: 50px;
  }

  .sub-heading h5 {
    font-size: 13px;
  }

  body.inner-pages .innerpages .text h2 {
    font-size: 24px;
  }

  .text p {
    font-size: 14px;
  }

  .title h2 {
    font-size: 30px;
  }

  .title.mb-5 {
    margin-bottom: 20px !important;
  }

  /* About us */

  .about-us .image-placer {
    height: 450px;
  }

  .about-us {
    padding: 40px 0 0;
  }

  /* Callback */

  .callback {
    margin: 60px 0 0;
  }

  .callback-inner {
    padding: 80px 40px 20px;
  }

  .callback .callback-img {
    min-height: 400px;
  }

  .support-area {
    padding: 20px;
  }

  .support-area .support-icon i {
    font-size: 35px;
  }

  .support-area a {
    font-size: 20px;
  }

  .support-area {
    margin-bottom: -65px;
  }

  /* Adventure & Activity */

  .activity-content h2 {
    font-size: 15px;
  }

  .gallery-img img {
    height: 200px;
  }

  /* Looking */

  .destination-card {
    min-height: 214px;
    padding: 20px 25px;
  }

  .destination-card ul li a {
    font-size: 15px;
  }

  /* Image with text */

  section.img-with-text {
    padding: 40px 0 40px;
  }

  /* About */

  .about {
    padding: 40px 0 0;
  }

  /* Marquee */

  section.flights__marquee.secondary-bg.py-lg-5.py-2 {
    padding: 20px 0 !important;
  }

  .marquee-item {
    flex: 0 0 15vw;
  }

  /* Testimonail */

  .testimonial {
    padding: 40px 0 100px;
  }

  .testimonial .review-title h2 {
    font-size: 28px;
  }

  .rating h3 {
    font-size: 15px;
    margin-inline-start: 5px;
  }

  .rating svg {
    width: 20px;
  }

  .reviews-card {
    padding: 15px;
  }

  .review-btn span {
    font-size: 20px;
  }

  .review-btn svg {
    width: 30px;
  }

  .reviews-bottom p {
    font-size: 14px;
  }

  .reviews-bottom a {
    font-size: 13px;
    margin-top: 5px;
  }

  .avatar {
    width: 40px;
  }

  .avatar span {
    font-size: 16px;
  }

  /* Contact */

  section.google-map iframe {
    height: 300px;
  }

  .contact-section {
    padding-bottom: 40px;
  }

  .contact {
    padding: 40px 0;
  }

  .contact-form {
    padding: 30px;
  }

  .contact-card-wrapper .contact-card i {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .contact-card {
    flex-direction: column;
    gap: 0;
    margin-bottom: 5px;
  }

  .contact-card-wrapper .join-us {
    padding-top: 20px;
  }

  .contact-card-wrapper .join-us a {
    font-size: 14px;
    padding: 12px 20px;
  }

  .contact-card-wrapper .join-us h3 {
    font-size: 18px;
  }

  .contact .contact-img {
    min-height: 221px;
    margin-top: -90px;
  }

  .contact__info ul li a {
    font-size: 14px;
  }

  .contact__info ul li a .link__text {
    font-size: 14px;
  }

  .contact__info ul li a span.link__icon.me-2 {
    margin-right: 5px !important;
  }

  .contact__info h4 {
    margin-bottom: 10px !important;
  }

  /* Footer */

  footer.footer .container .row.justify-content-between.py-5 {
    padding: 25px 0 !important;
  }

  .footer_logo {
    width: 90px;
  }

  .copy-right {
    font-size: 12px;
  }

  /* Inner Pages */

  /* Tabs */

  body.inner-pages .banner-content h2 {
    font-size: 35px;
    margin-bottom: 0;
  }

  body.inner-pages .innerpages {
    padding-bottom: 40px;
  }

  body.inner-pages .innerpages .container .row .col-lg-6:first-child {
    padding: 0;
  }

  body.inner-pages .tabs {
    margin: 0;
    padding: 15px 20px;
  }

  body.inner-pages .tab-links button,
  body.inner-pages .tab-links li a {
    font-size: 13px;
  }

  body.inner-pages .tabs .tab-links button,
  body.inner-pages .tabs .tab-links li a {
    padding: 8px 12px;
  }

  body.inner-pages .input__fields label {
    font-size: 13px;
  }

  body.inner-pages .tabs.ticket_tabs .tab-content.pt-lg-4.pt-2 .tab form .row.py-lg-4.py-2 {
    padding: 10px 0 10px !important;
  }

  body.inner-pages .tabs.ticket_tabs.flight_form__inner .tab-content .tab form .row.py-lg-4.py-2 .col-lg-12.d-flex.gap-4.justify-content-center.flex-wrap {
    gap: 15px !important;
  }

  body.inner-pages .radio input+span,
  body.inner-pages button.trvlrs__dropdown_btn span,
  body.inner-pages button.flyt_dropdown_btn span {
    font-size: 12px;
  }

  body.inner-pages span.input__icon {
    right: 10px;
    top: 10px;
  }

  body.inner-pages .input__fields {
    border-radius: 10px;
    padding: 10px 10px;
  }

  body.inner-pages .inputs {
    font-size: 14px;
  }

  body.inner-pages .inputs::placeholder {
    font-size: 13px;
  }

  body.inner-pages img.uk-flag {
    width: 15px;
    height: 10px;
  }

  body.inner-pages .input__radio {
    gap: 10px;
  }

  body.inner-pages .radio input+span:before {
    width: 16px;
    height: 16px;
  }

  body.inner-pages .radio input+span:after {
    width: 10px;
    height: 10px
  }

  body.inner-pages .radio input+span {
    padding-left: 25px;
  }

  body.inner-pages .text li {
    font-size: 14px;
  }

  body.inner-pages .button {
    padding: 10px;
  }

  body.inner-pages .button__icon-wrapper {
    width: 20px;
    height: 20px;
  }


  /* Text */

  body.inner-pages .text h4 {
    font-size: 16px;
  }

  /* Scroll To Top */

  #backToTop {
    width: 35px;
    height: 35px;
  }

  #backToTop::after {
    line-height: 35px
  }

  /* Contact form */

  .follow-us {
    margin-top: 30px;
  }

  /* Booking Terms */

  .booking-terms {
    padding-bottom: 40px;
  }

  .accordion .accordion-btn {
    padding: 15px 20px;
  }

  .accordion .accordion-item {
    border-radius: 15px;
  }

  .accordion .accordion-item button .accordion-title {
    font-size: 18px;
  }

  .accordion .accordion-btn .accordion-icon {
    right: 20px;
    background-size: 20px;
  }

  .accordion .accordion-content p {
    font-size: 16px;
    padding: 0 20px 15px;
  }

  .title h3 {
    font-size: 25px;
  }

  a.text-yellow {
    font-size: 14px;
  }

  /* Umrah */

  section.umrah-packages {
    padding: 40px 0;
  }

  .umrah_form {
    width: 50%;
  }

  .umrah_form h4 {
    font-size: 25px;
  }

  .umrah_form .my_cus_input {
    padding: 8px;
  }

  .umrah_form input.my_cus_input::placeholder {
    font-size: 14px;
  }

  .umrah-packages-cards ul li.umrah-packages-btn .btn-outline,
  .umrah-packages-cards ul li.umrah-packages-btn .btn-plane {
    font-size: 14px;
  }

  /* Umrah Wrapper */

  .umrah-wrapper {
    height: 640px;
  }

  .flag_grid .inner {
    padding: 10px 5px;
  }

  .flag_grid .inner h4 {
    font-size: 16px;
  }

}

@media(max-width:970px) {

  nav .wrapper {
    padding: 0;
  }

  .nav-links .mobile-item {
    display: flex !important;

  }

  .wrapper .btn {
    display: block;
  }

  .wrapper .nav-links {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #242526;
    display: block;
    padding: 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
    z-index: 99;
  }

  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #242526;
  }

  ::-webkit-scrollbar-thumb {
    background: #3A3B3C;
  }

  #menu-btn:checked~.nav-links {
    left: 0%;
  }

  #menu-btn:checked~.btn.menu-btn {
    display: none;
  }

  #cross-btn:checked~.btn.menu-btn {
    display: block;
  }

  .nav-links li a {
    padding: 0 20px;
    display: block;
    font-size: 20px;
    border-radius: 5px;
  }

  .nav-links .drop-menu {
    border-top: none;
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 10px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }

  .arrow-icon {
    transition: transform 0.2s ease-in-out;
    font-size: 15px;
  }

  #showDrop:checked~.drop-menu,
  #showMega:checked~.mega-box {
    max-height: 100%;
  }

  #showMega:checked+label .arrow-icon,
  #showDrop:checked+label .arrow-icon,
  #showDrop2:checked+label .arrow-icon {
    transform: rotate(180deg);
  }

  #showDrop2:checked~.drop-menu {
    max-height: 100%;
  }

  .nav-links .desktop-item {
    display: none;
  }

  .nav-links .mobile-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*display: block;*/
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }

  .nav-links .mobile-item:hover,
  ul.nav-links li a:hover {
    background: #3A3B3C;
  }

  ul.nav-links li ul.drop-menu {
    background: transparent;
    margin: 5px;
  }

  ul.drop-menu li {
    border-bottom: none;
  }

  ul.nav-links li ul.drop-menu li a {
    padding: 10px;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
  }

  .mega-box {
    position: static;
    top: 45px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .mega-box .content {
    box-shadow: none;
    flex-direction: column;
    background: transparent;
    padding: 10px 20px;
    gap: 10px;
  }

  .mega-box .content .row {
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2) {
    border-top: 0px;
  }

  .content .row .mega-links {
    border-left: 0px;
    padding-left: 15px;
  }

  .row .mega-links li {
    margin: 0;
  }

  .content .row header {
    font-size: 19px;
  }

  nav {
    padding: 10px 0;
  }

  /* Header */

  ul.nav-links .logo {
    display: block;
  }

  .nav-links li a {
    padding: 0 15px;
    font-size: 18px;
  }

  .nav-links .mobile-item {
    font-size: 18px;
  }

  .mega-box {
    max-width: 100%;
  }

  .mega-box .content ul.mega-links li:first-child a {
    font-size: 17px !important;
    color: var(--primary-color);
    margin: 0;
  }

  .mega-box .content ul.mega-links a {
    color: #fff;
    font-size: 16px !important;
    padding: 0px !important;
  }

  ul.nav-links div.logo {
    margin-bottom: 50px;
  }

  a.dropdown-link {
    display: block;
  }
}

@media(max-width:786px) {
    

  /* Gallery Services */

  .gallery-item {
    margin-bottom: 20px;
  }

  /* FAQS */

  .accordion .accordion-item button .accordion-title {
    font-size: 14px;
  }

  /* Contact Page */

  .contact-form {
    padding: 20px;
  }

  .follow-us {
    margin-top: 20px;
  }

  section.contact-section .contact-card .contact-icon {
    line-height: 45px;
    height: 45px;
    width: 45px;
  }

  section.contact-section .contact-card .contact-content h4 {
    font-size: 17px;
  }

  section.contact-section .contact-card .contact-content a {
    font-size: 13px;
  }

  .follow-us h3 {
    font-size: 20px;
  }

  .follow-us ul li a {
    font-size: 18px;
    line-height: 35px;
    height: 35px;
    width: 35px;
  }

  .form-grp input::placeholder,
  .form-grp textarea::placeholder {
    font-size: 14px;
  }

  .form-grp button[type=submit] {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.2;
  }

  .contact-form .title h2 {
    font-size: 28px;
  }

  .form-grp textarea {
    max-height: 140px;
  }

  /* Flags Archive */

  body.inner-pages section.innerpages .container .row .col-lg-6:last-child {
    margin-top: 30px;
  }

  body.inner-pages .banner-content h2 {
    font-size: 30px;
    text-align: center;
  }

  body.inner-pages .banner-content p {
    font-size: 16px;
  }

  body.inner-pages section.banner {
    height: 30vh;
  }
  
  .flags .flag-cards-wrapper{
   --card-gap: 40px;
  }
  
  .flag-card {
    min-width: 20%;
  }

  .flag-card img {
    width: 150px;
    aspect-ratio: 1;
  }

  .flag-card h2 {
    font-size: 18px;
  }
  
  section.country-visa-details .flag-card{
    margin-bottom:30px;
  }

  /* Callback */

  .callback-inner {
    padding: 30px 0px 20px;
  }

  .callback:before {
    width: 70%;
  }

  .callback .callback-img {
    min-height: 320px;
  }

  .counters-wrapper {
    margin-block: 25px;
    grid-template-columns: repeat(2, 1fr);
  }

  .about-us .image-placer {
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 30px;
  }

  /* Looking Book Cheap */

  .destination-card {
    padding: 20px 15px;
  }

  .destination-card ul li a {
    font-size: 14px;
  }

  /* Reviews */

  .reviews-card {
    margin-bottom: 10px;
  }

  /* CallBack */

  .callback-inner {
    padding: 50px 0px 20px;
  }

  .counter-item {
    padding: 10px;
  }

  .counters span {
    font-size: 25px;
  }

  .counter-item img {
    width: 40px;
  }

  .counters span:last-child {
    margin-left: -4px;
  }

  /* Tabs */

  .input__fields label {
    font-size: 14px;
  }

  body.inner-pages .innerpages {
    padding-right: 10px;
    padding-left: 10px;
  }

  /* Umrah Form */

  .umrah_form h4 {
    font-size: 22px;
  }

  .umrah_form p {
    font-size: 12px;
    margin-bottom: 10px;
  }

  .umrah_form {
    margin-top: 0px;
  }

  .umrah_banner_img {
    position: relative;
  }

  .umrah_form h4 {
    font-size: 20px;
  }

  .umrah_form {
    padding: 10px 20px;
  }

  .umrah_form .my_cus_input {
    margin-bottom: 5px;
    padding: 5px;
  }

  .umrah_form .my_cus_input::placeholder {
    font-size: 12px;
  }

  section.umrah-packages .container .row.align-items-end .col-md-4 {
    padding: 0 5px;
  }

  .umrah-packages-cards ul li small {
    font-size: 12px;
  }

  .umrah-packages-cards ul li h4 {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .umrah-packages-cards ul li.umrah-packages-btn {
    display: flex;
    gap: 5px;
  }

  .umrah-packages-cards ul li.umrah-packages-btn .btn-outline,
  .umrah-packages-cards ul li.umrah-packages-btn .btn-plane {
    padding: 5px 10px;
  }

  .umrah-packages-cards ul li.umrah-packages-btn .btn-outline,
  .umrah-packages-cards ul li.umrah-packages-btn .btn-plane {
    font-size: 12px;
  }

  .umrah_form .my_cus_btn {
    font-size: 13px;
    padding: 5px;
  }

  .wrapper .logo a {
    width: 100px;
  }

  /* Verification Phone no */

  .valid_phone h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .valid_phone p {
    font-size: 13px;
  }

  .valid_phone.flight_form__inner {
    color: #fff;
    padding: 25px 20px;
  }

  input#correct-phone {
    padding: 10px;
  }

  input#correct-phone::placeholder {
    font-size: 14px;
  }

  .valid_phone p br {
    display: none;
  }

  /* Umrah Packages From UK */

  .flag_grid .inner h4 {
    font-size: 14px;
  }

  .umrah-wrapper {
    height: 350px;
  }

}

@media(max-width:480px) {

  /* Umrah Form */

  .umrah_form h4 {
    font-style: 24px;
  }

  .umrah_form {
    padding: 10px 20px;
  }

  .umrah_form .my_cus_input {
    margin-bottom: 10px;
  }

  .umrah-wrapper {
    height: 250px
  }

  .flag_grid .inner button {
    font-size: 12px;
  }

  /* Contact Page */

  section.contact-section .container .col-lg-6.col-md-5.p-lg-3 .row {
    margin-top: 40px;
  }

  .contact-form {
    padding: 25px;
  }

  .form-grp textarea {
    max-height: 120px;
  }

  .form-grp button[type=submit] {
    padding: 10px 20px;
    font-size: 12px;
  }

  .contact-form .title h2 {
    font-size: 19px;
  }

  .contact-card {
    align-items: center;
  }

  .contact-card .contact-content {
    text-align: center;
  }

  /* Booking Terms */

  .accordion .accordion-btn .accordion-icon {
    width: 15px;
    height: 15px;
    right: 10px;
    background-size: 15px;
  }

  .accordion .accordion-item button .accordion-title {
    font-size: 14px;
  }

  .accordion .accordion-content p {
    font-size: 12px;
  }

  body.inner-pages .banner-content p {
    font-size: 14px;
  }

  /* Flags Archive */

  .importance-list ul li svg {
    width: 70px;
    aspect-ratio: 1;
    margin-top: -1px;
  }

  .importance-list {
    padding: 20px 20px;
  }

  .faqs .accordion .accordion-item button .accordion-title {
    font-size: 15px;
  }

  .faqs .accordion .accordion-content p {
    font-size: 12px;
  }

  .faqs .accordion .accordion-content {
    padding: 0 0px 0;
  }

  /* Globals */

  br {
    display: none;
  }

  .title h2 {
    font-size: 25px;
  }

  /* Callback */

  .callback:before {
    width: 100%;
  }

  /* Header */

  .wrapper .logo a {
    width: 95px;
  }

  header .container-md.container-lg.container-fluid .row.py-lg-3.py-2.cstm-border {
    padding: 3px 0 !important;
  }

  header.header nav {
    padding: 0;
  }

  /* Hero */

  section.banner {
    height: 45vh;
  }

  .banner-content h2 {
    font-size: 25px;
    margin-bottom: 80px;
  }

  /* Tabs */

  /* Autocomplete */

  .autocomplete-result {
    padding: 5px 10px;
  }

  .autocomplete-result div:first-child {
    font-size: 11px;
  }

  .autocomplete-location {
    font-size: 9px;
  }

  h4.rooms-title {
    font-size: 16px;
  }

  .inputs {
    margin-top: 15px;
  }

  input.inputs::placeholder,
  select.inputs:required:invalid {
    font-size: 12px;
  }

  .input__fields {
    padding: 10px 15px;
    border-radius: 6px;
  }

  .tab-links button,
  .tab-links li a {
    padding: 0 8px 5px;
  }

  .tab-links button,
  .tab-links li a {
    font-size: 12px;
  }

  .tabs.ticket_tabs.flight_form__inner {
    padding: 5px 20px 15px 20px;
    border-radius: 10px;
    margin: 0;
  }

  .input__radio {
    gap: 8px;
  }

  .radio input+span {
    font-size: 11px;
    line-height: 15px;
  }

  .radio input+span {
    padding-left: 20px;
  }

  .radio input+span:before {
    width: 15px;
    height: 15px;
  }

  .radio input+span:after {
    width: 11px;
    height: 11px;
    top: 2px;
    left: 2px;
  }

  button.trvlrs__dropdown_btn span,
  span.flight_type_value {
    font-size: 11px;
  }

  .trvlrs__dropdown_btn svg {
    width: 12px;
    height: 12px;
  }

  .dropdown-wrapper,
  .flight-class-dropdown {
    min-width: fit-content;
  }

  .tabs.ticket_tabs .tab-content.pt-lg-4.pt-2 .tab form .row.py-lg-4.py-2 .col-lg-12.d-flex.gap-4.justify-content-center.flex-wrap {
    gap: 6px !important;
    padding: 0;
  }

  .input__fields {
    padding: 5px 12px;
  }

  .input__fields label {
    font-size: 11px;
  }

  span.input__icon {
    position: absolute;
    right: 12px;
    top: 5px;
  }

  span.input__icon svg {
    width: 12px;
  }

  .inputs {
    font-size: 13px;
  }

  .button {
    width: 100%;
    padding: 8px;
    font-size: 14px;
  }

  .button__icon-wrapper {
    width: 20px;
    height: 20px;
  }

  span.button__icon-wrapper svg {
    width: 8px;
  }

  .tabs.ticket_tabs .tab-content.pt-lg-4.pt-2 .tab form .row.py-lg-4.py-2 {
    padding: 8px 0 0px !important;
  }

  .flyt_dropdown_btn svg,
  .trvlrs__dropdown_btn svg:nth-child(3) {
    width: 15px;
    height: 15px;
  }

  .dropdown-wrapper,
  .radio {
    line-height: 0;
  }

  body.inner-pages .radio input+span,
  body.inner-pages button.trvlrs__dropdown_btn span,
  body.inner-pages button.flyt_dropdown_btn span {
    font-size: 12px;
  }

  body.inner-pages .input__radio {
    gap: 8px;
  }

  body.inner-pages .tabs.ticket_tabs.flight_form__inner .tab-content .tab form .row.py-lg-4.py-2 .col-lg-12.d-flex.gap-4.justify-content-center.flex-wrap {
    gap: 5px !important;
  }

  body.inner-pages .radio input+span {
    padding-left: 20px;
  }

  body.inner-pages .radio input+span:after {
    width: 9px;
    height: 9px;
  }

  body.inner-pages .radio input+span:before {
    width: 13px;
    height: 13px;
  }

  body.inner-pages .tab-links button,
  body.inner-pages .tab-links li a {
    font-size: 12px;
  }

  body.inner-pages .tab-links button,
  body.inner-pages .tab-links li a {
    padding: 0 8px 5px;
  }

  body.inner-pages .tabs .tab-links button,
  body.inner-pages .tabs .tab-links li a {
    padding: 0 8px 5px;
  }

  body.inner-pages .tabs {
    margin: 0;
    padding: 15px 20px;
  }

  /* Hero Banner */

  body.inner-pages .banner-content h2 {
    margin-top: 60px;
    font-size: 25px;
  }

  body.inner-pages section.banner {
    height: 25vh;
  }

  body.inner-pages .innerpages .container .row .col-lg-6:last-child {
    padding: 0 !important;
  }

  /* Travel By Activity */

  .activity-inner .activity-item {
    margin-bottom: 20px;
  }

  .activity-item .activity-icon {
    width: 60%;
    margin: 0 auto 10px;
  }

  .best .grid .grid-item:nth-child(5) {
    grid-column: unset;
  }

  .best .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .best .grid .grid-item:first-child {
    grid-column: 2 span;
  }

  .best .grid .grid-item .gallery-img {
    width: 100%;
    height: 100%;
  }

  /* Destination Card */

  .destination-card {
    margin-bottom: 10px;
    box-shadow: rgb(113 112 112 / 25%) 0 0 10px 3px;
  }

  .destination-card {
    min-height: 190px;
  }

  /* Reviews */

  .testimonial .review-title h2 {
    font-size: 20px;
  }

  .reviews-bottom .rating {
    margin: 10px 0;
  }

  .review-btn {
    margin-bottom: 15px;
  }

  /* Contact Btn */

  .contact-card-wrapper .contact-card a {
    font-size: 13px;
  }

  .contact-card-wrapper .join-us a {
    white-space: nowrap;
  }

  .contact-card-wrapper .contact-card {
    border: none !important;
  }

  /* Footer */

  footer.footer .container .row .mt-5 {
    margin-top: 20px !important;
  }

  .contact__info ul li a {
    font-size: 12px;
  }

  a.review-btn {
    margin: 15px 0 0;
    border-radius: 10px;
  }

  /* Umrah Form */

  .umrah_form {
    margin: 0 auto;
    width: 95%;
    position: static;
    transform: translateY(0);
  }

  .stars i.fa.fa-star {
    font-size: 14px;
  }

  /* Slider Package */

  /* .umrah-packages  */

  .umrah-packages-cards {
    padding: 20px 10px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    min-height: 535px;
  }

  /* Ivalid Form */

  .valid_phone.flight_form__inner {
    max-width: 100%;
  }

  form#validPhoneNo .row.row-gap-3 {
    gap: 10px !important;
  }

  /* Incorrect Phone Number Pop up */

  .invalid-overlay .contact-content {
    gap: 15px;
    margin: 0 10px;
  }

  .invalid-overlay .content i.fa-regular.fa-circle-xmark {
    font-size: 50px;
  }

  .invalid-overlay .content h2 {
    font-size: 22px;
  }

  .invalid-overlay .content p {
    font-size: 14px;
    max-width: 80%;
  }

  .invalid-overlay #close {
    font-size: 14px;
    padding: 5px 35px;
  }
  
  /*Flag Card*/
  
  .flag-card {
    min-width: 40%;
  }

  .flag-card img {
    max-width: 60%;
  }
  
  .booking-terms.faqs {
    padding: 40px 0 80px;
  }

    .importance,
    section.flags,
    section.country-visa-details {
        padding: 40px 0;
    }
    
    .flag-link-icon{
        line-height:0!important;
    }


}