@media (max-width: 1320px) {
    .rd-navbar-corporate.rd-navbar-static .rd-nav-link { padding: 12px 10px; margin: 0;}
}
@media (max-width: 1200px) {
    .form-horizontal .title {
        font-size: 15px;
        line-height: 16px;
        text-align: left;
    }
    .form-horizontal input { width: 100%;}
    .inst-package .box .icon { width: 50px; height: 50px;}
    .inst-package .box .title { font-size: 15px; line-height: 13px;}
    .inst-package .box .text-style { font-size: 17px;}
    .inst-package .box .title-box { width: 118px; height: 74px;}
    .inst-package .box .icon { margin-top: -32px;}
    .tending-package .item figure::before {
        height: 124px;
        bottom: -11px;
    }
    .tending-package .item .title {
        font-size: 14px;
    }
    .tending-package .box .bottom {
        display: block !important;
    }
    .tending-package .box .bottom .action {
        text-align: center;
        margin-top: 13px;
    }
    .tending-package .item .loc { margin: 13px 0 13px;}
    .contact-card { width: 100%;}
    .contact-section .form-wrap::before { width: 408px;}
    .weekend-section .feature-cards-container {  display: grid; grid-template-columns: repeat(auto-fit, minmax(16%, 1fr)); padding: 0;}
    .weekend-section .feature-card { padding: 33px 46px; border-radius: 20px;}
    .weekend-section .icon-box { width: 50px;}
    .rd-navbar-corporate.rd-navbar-static .rd-nav-item+.rd-nav-item { margin-left: 0;}
    .rd-navbar-wrap .btn { font-size: 13px; padding: 11px 13px;}
    .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav { margin-right: 0;}
    .rd-navbar-corporate.rd-navbar-static .rd-nav-link { padding: 12px 6px;}
    .rental-card { width: 100%;}
    .rental-type {width: 80%; font-size: 15px;}
}
@media (max-width: 1024px) {
    .blog-cards-container {
        gap: 20px;
    }
    .blog-card {
        flex: 1 1 calc(50% - 10px); /* Two cards per row */
        max-width: 450px;
    }

    .feature-cards-container {
        gap: 20px;
        bottom: 30px;
        max-width: 90%;
    }
    .rd-navbar-corporate.rd-navbar-static .rd-nav-link {
        padding: 12px 6px;
        margin: 0;
        font-size: 13px;
    }
    .rd-navbar-static .rd-megamenu-item a { font-size: 12px !important;}
    .rd-navbar-static .rd-megamenu-list li { margin-bottom: 6px;}
    .rd-navbar-static .rd-megamenu-title { padding: 10px 8px;}
    .rd-navbar-static .rd-megamenu-title p {font-size: 13px;}
}

@media (max-width: 1000px) {
  .footer-mid {
    flex-direction: column;
    gap: 18px;
  }
  .main-footer {
    border-radius: 24px;
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 991px) {
    .footer-top { display: block;}
    .footer-pay { width: 160px;}
    .footer-rating {margin: 14px 0;}
    .form-horizontal .form-box { margin-top: 0; flex-direction: column;}
    .form-horizontal .title { font-size: 20px;}
    .form-horizontal input {font-size: 14px;}
    .form-horizontal { text-align: center;}
    .tending-package .item { margin-bottom: 15px;}
    .why-choose-section .content-box { padding-left: 0;}
    .heading-wrap-2 .main-hd { font-size: 18px; line-height: 21px;}
    .why-choose-section .content-box .feature { margin-top: 15px !important; gap: 10px !important;}
    .why-choose-section .content-box .feature .icon { width: 50px; height: 50px; padding: 13px;}
    .why-choose-section .content-box .feature .title { width: 74px; font-size: 14px; line-height: 20px;}
    .why-choose-section .content-box .list-block {height: 192px; padding: 26px 0 26px 20px; margin-top: 15px !important; border-radius: 20px;}
    .check-list li::before {width: 16px; height: 16px; background-size: 100%;}
    .check-list li { font-size: 13px; padding-left: 25px;}
    .why-choose-section .content-box .list-block .play { width: 80px; height: 73px;}
    .why-choose-section .content-box .list-block .play a { padding: 24px;}
    .contact-section .form-wrap::before {width: 360px;}
    .contact-card .input-group input, .contact-card .input-group textarea {padding: 12px 44px 12px 12px; border-radius: 8px !important;}
    .contact-section .contact-info .item .icon { width: 20px;}
    .contact-section .contact-info .info-row { flex-direction: column; gap: 10px !important; align-items: start !important;}
    .rental-section .rental-card { width: 100%;}
    .rental-section .rental-type { width: 80%; font-size: 14px;}
    .glance-section .features { width: 100%; display: flex; margin-top: 15px;}
    .weekend-section .feature-cards-container { gap: 10px;}
    .weekend-section .card-title { width: auto; font-size: 16px;}
    .weekend-section .feature-card {padding: 33px 20px;}
    .weekend-section .icon-box { width: 38px;}
    .weekend-section .header-content { padding-left: 0; width: 100%; text-align: center;}
    .rd-navbar-corporate.rd-navbar-static .rd-navbar-nav { margin-right: 0;}
    html.rd-navbar-fixed-linked .page {padding-top: 0;}
    .rd-navbar { display: block;}
    .rd-navbar-fixed .rd-navbar-fixed-element-1 { display: none;}
    .rd-navbar-brand { width: 98px;}
    .rd-navbar-fixed .rd-navbar-brand { background: #fff; padding: 7px; margin-left: 16px;}
    .trns-menu .rd-navbar-megamenu {width: auto; display: block; padding: 0;}
    .rd-menu li a { color: #fff !important;}
    .rd-menu li p { color: #fff !important;}
    .rd-navbar-fixed .rd-navbar-nav { border: none; padding: 0 13px;}
    .mob-header .right-block.contact .icon:nth-child(2) img { width: 32px;}
    .mob-header .rd-navbar-toggle span:before { top: 7px;}
    .mob-header .rd-navbar-toggle span:after { top: -7px;}
    .mob-header { display: flex; align-items: center; justify-content: space-between;}
    .blog-section .card-title { font-size: 13px; margin-bottom: 8px;}
    .blog-section .card-meta {margin-bottom: 15px; margin-bottom: 12px;}
    .custom-vh .vh-wrap {grid-template-columns: 2fr 2fr 2fr;}
}

@media (max-width: 768px) {
    .blog-cards-container {
        flex-direction: column; /* Stacks cards vertically */
        align-items: center;
        gap: 30px;
    }
    .blog-card {
        max-width: 100%;
        min-width: 300px;
    }

    .header-content {
        margin-bottom: 150px;
    }
    
    .feature-cards-container {
        flex-direction: column;
        bottom: 20px;
        position: relative; /* Change to relative for better stacking on small screens */
        transform: none;
        left: auto;
        padding-top: 20px; /* Add some space above the cards */
    }

    .feature-card {
        min-height: auto;
    }

    .weekend-section {
        min-height: auto; /* Allow height to adjust */
        padding-bottom: 50px;
    }
    
    .title-red, .title-black {
        font-size: 2em;
    }
    .main-footer .newsletter {
        width: 500px;
    }
    .newsletter input[type="email"] {width: 97%; padding: 10px 106px 10px 18px;}
    .form-horizontal .input-wrap { display: flex; flex-direction: column; gap: 5px; margin-bottom: 15px;} 
    .form-horizontal .title { margin-bottom: 15px;}
    .form-horizontal .title { text-align: center; display: block;}
    .why-choose-section .content-box { padding-top: 20px;}
    .why-choose-section .content-box .feature { margin-top: 23px !important;}
    .why-choose-section .heading-wrap-2 .main-hd { font-size: 24px;}
    .contact-section .contact-info { padding: 0; text-align: center;}
    .contact-section .contact-info .info-row { justify-content: center;  width: 300px; margin: 0 auto; margin-bottom: 15px;}
    .contact-section .form-wrap::before { width: 100%;}
    .contact-section .contact-card { width: 90%;}
    .blog-card { min-width: 100%;}
    .blog-section .card-title { font-size: 14px; margin-bottom: 0;}
    .blog-section .date-tag .day { font-size: 14px;}
    .blog-section .date-tag { width: 57px; height: 64px;}
    .blog-section .card-meta {  margin-bottom: 7px;}
    .heading-wrap .main-hd { font-size: 28px;}
    .blog-section .item { margin-bottom: 15px;}
    .blog-section .item:nth-last-child(1) { margin-bottom: 0;}
}

@media (max-width: 700px) {
  .footer-top, .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  .footer-section {
    min-width: 140px;
  }
  .footer-logo, .govt-logo, .footer-stars, .footer-qr {
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
    .footer-branding { display: flex; text-align: left;}
    .footer-pay {justify-content: center; margin: 0 auto;}
    .footer-mid { display: block;}
    .main-footer .newsletter {
        width: 100%;
    }
    .footer-mid .footer-section {
        margin-bottom: 25px;
    }
    .heading-wrap .main-hd {
        font-size: 26px;
        line-height: 28px;
    }
    .tending-package .item figure img { width: 100%;}
    .tending-package .action {margin-top: 10px !important;}
    .tending-package { padding-bottom: 50px; padding-top: 50px;} 
    .heading-wrap-2 { text-align: center;}
    .why-choose-section .heading-wrap-2 .main-hd { line-height: normal;}
    .card-grid .card { height: 424px;}
    .contact-section .contact-card { padding: 28px 25px;}
    .glance-section {text-align: center; height: 530px;}
    .glance-section .box { width: 40%; height: 110px; padding: 34px;}
    .glance-section .box .text {font-size: 14px;}
    .glance-section .features { justify-content: center; flex-wrap: wrap;}
    .glance-section p {width: 100%;}
    .weekend-section .feature-cards-container { 
        display: flex;
        flex-direction: column;
        gap: 10px;
        position: static;
        transform: none;
        max-width: 100%;
    }
    .weekend-section .header-content { padding: 0; margin: 0; width: 100%;}
    .weekend-section { padding-top: 65px; margin-bottom: 0;}
    .faq-section { margin-top: 53px;}
    .faq-section .item .title p { font-size: 14px;}
    .faq-section .item .title { padding: 16px 18px;}
    .faq-section .item .content-body { font-size: 14px;}
    .heading-wrap { text-align: center;}
    .blog-section .item { margin-bottom: 15px;}
    .blog-section .item:nth-last-child(1) { margin-bottom: 0;}

    .rental-section .item { margin-bottom: 80px !important;}
    .rental-section .item:nth-last-child(1) { margin-bottom: 0 !important;}
    .trust-partner .item { margin-bottom: 15px;}
    .trust-partner .item:nth-last-child(1) { margin-bottom: 0;}
    .custom-vh .vh-wrap {grid-template-columns: 5fr 5fr;}
    .custom-vh .item { margin-bottom: 42px !important;}

    .footer-payment-icons{
        grid-template-columns: repeat(4, 1fr);
    }
    .footer-payment img{
        width: 100%;
    }
}

@media (max-width: 480px) {
    .footer-branding { display: block; text-align: left;}
    .contact-card .form-hd { font-size: 18px; line-height: 28px;}
    .contact-section .contact-card { height: 570px;}
    .contact-section .form-wrap::before { height: 500px;}
    .heading-wrap .main-hd { font-size: 22px;}
    .heading-wrap-2 .main-hd { font-size: 22px;}
    .why-choose-section .heading-wrap-2 .main-hd { font-size: 22px;}
    .custom-bg { padding: 50px 0;}
    .tending-package .box .bottom {display: flex !important;}
    .custom-vh .vh-wrap {grid-template-columns: 5fr;}
}