@media screen and (max-width: 1024px) {

    .main {
        padding: 0 15px;
    }

    #slider {
        padding: 0 20px;
    }

    .slider {
        padding: 30px 0 60px;
        margin-top: 10px;
    }

    .slider-left {
        width: 48%;
        margin: 50px 0 0;
    }

    .slider-right {
        width: 48%;
        margin: 0;
        padding: 0;
    }

    .slider h2 {
        font-size: 36px;
    }

    .slider img {
        max-height: 320px;
        width: 100%;
        object-fit: contain;
    }

    .top_mail a {
        float: left;
    }

    .section-about {
        padding: 60px 0;
    }

    .about__text {
        flex: 0 0 58%;
    }

    .about__side {
        flex: 0 0 36%;
    }

    .about__content h2 {
        font-size: 28px;
        text-align: center;
    }

    .exp-badge img {
        height: 200px;
    }

    .page-content__wrapper h2 {
        font-size: 22px;
    }

    .page-content__wrapper {
        font-size: 16px;
    }

    /* TOUR GUIDE */
    #tour_guide {
        padding: 40px 30px;
    }

    .about__content h1 {
        font-size: 27px;
    }

    #tour_guide h2 {
        font-size: 30px;
    }

    .video-section {
        height: 50vh;
    }

    /* HOME BANGLADESH IMG */
    #home_bangladesh img {
        width: 50%;
        height: 200px;
    }

    .section-page-header-banner {
        height: 45vh;
    }

    /* SECTION CTA */
    .section-page-cta {
        padding: 60px 0;
    }

    .page-cta__container h2 {
        font-size: 26px;
    }

    .page-cta__container p {
        font-size: 16px;
        max-width: 90%;
    }

    .page-cta__list {
        font-size: 17px;
        gap: 8px;
    }

    /* SITE FOOTER */
    .site-footer {
        padding: 60px 0 24px;
    }

    .footer__wrapper {
        grid-column-gap: 30px;
    }

    .footer__company-content {
        margin-top: 40px;
    }

    .footer__company-info img {
        height: 38px;
        margin-right: 20px;
    }

    .footer__company-info ul {
        font-size: 13px;
    }

    .footer__company-info ul li:not(:last-child) {
        margin-right: 16px;
    }

    .footer__bottom-bar {
        padding: 12px 0;
    }

    .footer__bottom-bar-legal {
        font-size: 12px;
    }

    /* PAGE HEADING */
    .page-title {
        padding: 35px 0;
        margin: 0 auto 50px;
    }

    .page-title h1 {
        font-size: 28px;
    }

    .page-title h1 span {
        font-size: 19px;
    }

    .blog__box {
        justify-content: center;
    }

    .blog__article {
        flex: 0 0 90%;
    }

    /* SINGLE POST SETTINGS */
    .single-post__content {
        flex: 0 0 100%;
        font-size: 16px;
        text-align: left;
    }

    .section-single-post {
        padding: 40px 0 50px;
    }

    .other-post__content {
        flex-direction: column;
    }

    .post-title {
        font-size: 21px;
        line-height: 26px;
    }

    .single-post__sidebar {
        flex: 0 0 100%;
    }

    .blog__container {
        margin-top: 20px;
    }

    .post-slider-img {
        height: 300px;
    }

    .blog__title {
        font-size: 18px;
    }

    .recent-post__img-box img {
        height: 100px;
    }

    .recent-post__title-box h3 {
        font-size: 15px;
        line-height: 22px;
    }

    .section-contact {
        padding: 40px 0; /* Reduced section padding so it doesn't squish on mobile screens */
    }

    .sb-form-card {
        padding: 30px 20px; /* Slimmer internal padding for mobile devices */
        flex: 0 0 100%;
    }

    .sb-form-title {
        font-size: 21px; /* Scaled down header for better readability */
        margin-bottom: 14px;
    }

    .sb-form-subtitle {
        font-size: 13px;
        margin-bottom: 24px;
    }

    .sb-row-2 {
        grid-template-columns: 1fr; /* Changed 2-column fields to stack vertically */
        gap: 0; /* Clear grid gap to rely on standard field margins */
    }

    .sb-row-2 .sb-field {
        margin-bottom: 14px; /* Ensure spacing remains consistent when stacked */
    }

    .sb-chips {
        gap: 6px; /* Slightly tighter chip layout on small viewports */
    }

    .sb-chip {
        font-size: 13px;
        padding: 6px 12px; /* Easier to tap target sizes for mobile */
    }

    .sb-field label {
        font-size: 13px;
    }

    .sb-field input, .sb-field textarea {
        font-size: 14px;
    }

    .sb-btn {
        padding: 10px 20px;
        font-size: 14px;
        letter-spacing: 0;
    }

    .sb-privacy {
        font-size: 14px;
    }

    /* CONTAINER */
    #container {
        padding: 0 0 50px 0;
    }

    .container-content {
        font-size: 16px;
        text-align: left;
        padding: 30px 0;
    }

    .section-page-content {
        padding: 40px 0;
    }

    .container-content-about {
        margin-top: 30px;
    }

    .container-content-sidebar {
        display: none;
    }

    .single-counter {
        margin-top: 15px;
    }

    .container-content h2 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .container-content h2 i {
        display: none;
    }

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

    .img {
        float: left;
        width: 100%;
    }

    #footer {
        padding: 0 15px;
        background: #222;
    }

    .slider-content-box-1 {
        float: left;
        width: 100%;
    }

    .slider-content-box-2 {
        float: left;
        width: 100%;
    }

    .slider-content-box-3 {
        float: left;
        width: 100%;
    }

    .container-facebook {
        width: 100%;
        float: left;
    }

    .footer-content-box-1 {
        float: left;
        width: 100%;
    }

    .footer-content-box-2 {
        float: left;
        width: 100%;
    }

    .footer-content-box-3 {
        float: left;
        width: 100%;
    }

    .footer-content-box {
        float: left;
        width: 100%;
    }

    .footer-left {
        float: left;
        width: 100%;
    }

    .footer-right {
        float: left;
        width: 100%;
        text-align: center;
    }

    .container-portfolio-content img {
        margin: 5px 10px 5px 0;
        width: 45%;
        border: 1px solid #eee;
        float: left;
    }

    .container-portfolio h3 {
        background: none;
    }

    .service__link h3 {
        font-size: 22px;
    }

    .footer-right ul {
        margin: 0;
        padding: 0;
        float: left;
    }

    .contact__text-box {
        flex: 0 0 100%;
        margin-bottom: 50px;
    }

    .contact__text-box h2 {
        font-size: 21px;
    }

    .section-blog .section-header-textbox h2 {
        font-size: 26px;
    }

    .section-map__wrapper h2 {
        font-size: 21px;
    }

    .blog__img-box img {
        height: 240px;
    }

    .package-group {
        padding: 25px 15px;
    }

    .itinerary-day__header {
        padding: 16px 15px;
        font-size: 15px;
    }

    .itinerary-day__body-inner {
        padding: 0 20px 18px 15px;
    }

    .package-group__title {
        font-size: 21px;
        line-height: 1.2;
    }

    .tour-itinerary__heading {
        font-size: 21px;
    }

    .package-group__content p {
        font-size: 16px;
    }

}


/* ---- Mobile (767px and below) ---- */
@media screen and (max-width: 767px) {

    #slider {
        padding: 0 16px;
    }

    .slider {
        padding: 30px 0 40px;
        margin-top: 0;
    }

    /* Stack columns vertically */
    .slider-left,
    .slider-right {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    /* Image comes first on mobile */
    .slider {
        display: flex;
        flex-direction: column-reverse; /* image on top, text below */
        align-items: center;
    }

    .slider-left {
        margin-top: 24px;
    }

    .slider h2 {
        font-size: 30px;
        float: none;
        display: inline-block;
        text-align: center;
        border-top-width: 3px;
        border-bottom-width: 3px;
    }

    .slider img {
        max-height: 240px;
        width: 90%;
        object-fit: contain;
        float: none;
        margin: 0 auto;
        display: block;
    }

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


    .section-about {
        padding: 50px 0;
    }

    /* Stack top section vertically */
    .about__top {
        flex-direction: column;
        gap: 36px;
    }

    .about__text {
        flex: 0 0 100%;
        width: 100%;
    }

    .about__side {
        flex: 0 0 100%;
        width: 100%;
    }

    .about__content h2 {
        font-size: 22px;
        line-height: 1.5;
        text-align: center;
    }

    .about-btn {
        margin-top: 28px;
    }

    .about-btn a {
        font-size: 15px;
        padding: 8px 24px;
    }

    /* Badge centered on mobile */
    .exp-badge {
        display: flex;
        align-items: center;
        gap: 16px;
        text-align: left;
        background: #f7f7f7;
        border-radius: 12px;
        padding: 16px 20px;
    }

    .exp-badge img {
        height: 200px;
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .exp-badge p {
        font-size: 16px;
        font-weight: 500;
        margin: 0;
    }

    /* SECTION PAGE CTA */
    .section-page-cta {
        padding: 50px 16px;
    }

    .page-cta__container h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .page-cta__container p {
        font-size: 15px;
        max-width: 100%;
        line-height: 1.7;
    }

    .page-cta__list {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin-top: 24px;
    }

    .page-cta__list li {
        width: 100%;
        max-width: 320px;
    }

    .page-cta__list a {
        width: 100%;
        justify-content: center;
        font-size: 15px;
        padding: 12px 24px;
    }

    /* PAGE TITLE */
    .page-title {
        /*padding: 50px 15px;*/
        margin: 0 auto;
        font-size: 18px;
    }

    .page-title h1 {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.4;
    }

    .page-title h1 span {
        font-size: 15px;
        line-height: 1.5;
        display: block;
        margin-top: 6px;
    }

    /* SITE FOOTER */
    .site-footer {
        padding: 50px 0 20px;
    }

    /* 2-column grid on mobile */
    .footer__wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 24px;
        grid-row-gap: 36px;
    }

    .footer__heading {
        font-size: 15px;
        margin-bottom: 12px;
    }

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

    /* Company bar — stack vertically */
    .footer__company-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-top: 10px;
    }

    .footer__company-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .footer__company-info img {
        margin-right: 0;
        height: 36px;
    }

    .footer__company-info ul {
        flex-wrap: wrap;
        gap: 10px;
        font-size: 13px;
    }

    .footer__company-info ul li:not(:last-child) {
        margin-right: 0;
    }

    /* Bottom bar — stack vertically */
    .footer__bottom-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 12px 0;
        margin-top: 16px;
    }

    .footer__bottom-bar-legal {
        text-align: left;
        font-size: 12px;
        line-height: 1.6;
    }

    .footer__bottom-bar-legal p + p {
        margin-top: 6px;
    }

    .footer__bottom-bar-badges img {
        height: 34px;
    }

}


/* ---- Small phones (480px and below) ---- */
@media screen and (max-width: 480px) {

    .slider {
        padding: 24px 0 32px;
    }

    .slider h2 {
        font-size: 26px;
        line-height: 1.4;
    }

    .slider img {
        max-height: 190px;
        width: 100%;
    }

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

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

    .about__content h2 {
        font-size: 20px;
        text-align: center;
    }

    .exp-badge img {
        height: 200px;
    }

    .exp-badge p {
        font-size: 16px;
        margin: 0;
    }

    /* CTA SECTION */
    .cta-image-wrap img {
        height: 210px;
    }

    .cta-heading {
        font-size: 26px;
    }

    .cta-desc {
        font-size: 13px;
        line-height: 1.6;
    }

    .cta-right {
        padding: 24px 16px;
    }


    /* PAGE TITLE */
    .page-title {
        margin-bottom: 24px;
    }

    .page-title h1 {
        font-size: 25px;
    }

    .page-title h1 span {
        font-size: 15px;
    }

    #packages {
        padding: 40px 0;
    }

    #packages h2 {
        font-size: 30px;
    }

    .brand img {
        height: 45px;
    }

    .package_name h3 a {
        font-size: 21px;
    }

    .package_name_right {
        margin: 3px 0 5px 0;
    }

    /* SECTION PAGE CTA */
    .section-page-cta {
        padding: 50px 16px;
    }

    .page-cta__container h2 {
        font-size: 26px;
    }

    .page-cta__container p {
        font-size: 14px;
    }

    .page-cta__list li {
        max-width: 100%;
    }

    .page-cta__list a {
        font-size: 14px;
        padding: 11px 20px;
    }

    /* SITE FOOTER */
    .site-footer {
        padding: 40px 0 16px;
    }

    /* Single column on very small screens */
    .footer__wrapper {
        grid-template-columns: 1fr;
        grid-row-gap: 28px;
    }

    .footer__heading {
        font-size: 14px;
    }

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

    .footer__social-list li a {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .footer__bottom-bar-legal {
        font-size: 11px;
    }

    .footer__bottom-bar-badges img {
        height: 28px;
    }

}