/* Media query for smaller screens */
@media only screen and (max-width: 413px) {
    /* Navbar Start */
    .navbar-brand {
        max-width: 70px !important;
    }
    /* Navbar End */
    /* Banner Start */
    .content-left {
        left: 1%;
        text-align: left;
    }
    .overlay-left {
        background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.8),
            transparent 100%
        );
    }

    .overlay-right {
        background: linear-gradient(
            to left,
            rgba(0, 0, 0, 0.8),
            transparent 150%
        );
    }
    .slider1_header1 {
        /* WELCOME */
        font-size: 2rem !important;
    }
    .slider1_header2 {
        /* DAJHEC RLC */
        font-size: 1.5rem !important;
    }
    .slider1_subheader {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1rem !important;
    }
    .slider1_subheader2 {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1rem !important;
    }
    .slider1_content1 {
        padding-left: 0px;
        font-size: 1.2em !important;
    }

    .slider1_number,
    .slider1_email {
        font-size: 1.2em;
    }
    .slider2_header1 {
        font-size: 1.5em !important;
    }
    .slider2_header2 {
        /* DAJHEC RLC */
        font-size: 2em !important;
    }
    .slider2_header3 {
        font-size: 1.5rem !important;
    }
    .btn.btn-lg.slider2_button {
        font-size: 1em !important;
        padding: 0.5rem 0.5rem !important;
    }

    /* Banner End */
    /* Our Trucks Start */
    .ourTrucks_header1 {
        margin-bottom: 50px;
        font-size: 2rem !important;
    }
    .ourTrucks_card_title {
        background: #ffff00 !important;
    }
    .custom-arrow {
        width: 60px;
        height: 60px;
    }
    .swiper-wrapper {
        display: flex;
    }
    .swiper-slide {
        flex: 0 0 100%; /* 1 slide occupies full width */
        max-width: 100%;
    }
    /* Our Trucks End */
    /* Valued Clients Start */
    .valuedClients_wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 130vh;
        background-color: #132770;
    }
    .valuedClients_header1 {
        font-size: 2em !important;
    }
    .valuedClients_content {
        width: 100%;
        font-size: 1.2em;
    }
    .testimonial-card {
        width: 300px;
    }
    .testimonial_container {
        margin-bottom: 80px;
    }
    /* Valued Clients End */
    /* Announcement Start */
    .announcement_wrap {
        height: 200vh;
        padding: 50px 0px;
    }
    .announcement_icon {
        width: auto;
        height: 80px !important;
    }
    .announcement_header1 {
        /* Section Title */
        font-size: 2em !important;
    }
    .announcement_header2 {
        font-size: 1.5rem !important;
    }
    .announcement_header3 {
        font-size: 1.5rem !important;
    }
    .announcement-item {
        width: 80%;
    }
    .icon-circle {
        width: auto;
        height: 50px !important;
    }
    .announcement-title {
        font-size: 1rem !important;
    }

    .truck-image-wrapper {
        position: absolute;
        right: -600px; /* adjust mo depende sa gusto mong layo */
        top: 55%;
        transform: translateY(-50%);
        height: 50%;
        overflow: hidden;
    }

    .announcement_truckimg {
        display: none;
    }

    .announcement_form_wrapper {
        position: absolute;
        bottom: 10px; /* adjust mo kung gaano ka-taas mula sa wave */
        background-color: #003161;
        padding-bottom: 100px;
        padding-top: 140px;
    }
    .announcement_form_wrapper h1 {
        margin-bottom: 30px;
    }
    .link-display {
        flex-direction: column; /* para stack sila vertical */
        align-items: center; /* center align yung mga naka-stack */
    }
    .link-content {
        padding: 0 !important;
    }
    .website-url {
        font-size: 0.8rem !important ;
    }
    .visit-button {
        margin-top: 20px;
    }

    /* Announcement End */
    /* Payment Start */
    .payment_wrap {
        padding: 100px 0px;
    }
    .payment_header1 {
        /* Section Title */
        font-size: 3em;
    }
    .payment_circle {
        width: 40vw !important; /* Set the width as a percentage of the viewport */
        height: 40vw !important; /* Set the height equal to the width to maintain a circle */
        margin-bottom: 100px; /* Space between the circle and the underline */
    }

    .payment_circle::after {
        width: 100vw; /* Set the width of the underline */
    }

    /* Payment End */
    /* Contact Form Start */
    /* Left info items */
    .contactInfo_section {
        padding-right: 0px;
        border-right: 5px solid #ccc; /* Add this line */
    }

    .contactInfo_icon {
        margin-right: 20px;
    }

    .contactInfo_icon img {
        width: 60px;
        height: auto;
    }
    .g-recaptcha {
        transform: scale(0.85) !important; /* paliitin (0.85 = 85% size) */
        transform-origin: 0 0; /* adjust anchor point (top-left) */
    }

    /* Contact Form End */
    /* Adjust the position and size of the button */
    #scrollToTop {
        bottom: 5%;
        right: 5%;
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding: 0;
    }
}
/* Extra Small Devices (portrait phones, less than 767px) */
@media only screen and (max-width: 767px) {
    /* Navbar Start */
    .navbar-brand {
        max-width: 300px;
    }
    /* Navbar End */
    /* Banner Start */
    .overlay-left {
        background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.8),
            transparent 100%
        );
    }

    .overlay-right {
        background: linear-gradient(
            to left,
            rgba(0, 0, 0, 0.8),
            transparent 150%
        );
    }
    .slider1_header1 {
        /* WELCOME */
        font-size: 2rem !important;
    }
    .slider1_header2 {
        /* DAJHEC RLC */
        font-size: 1.5rem !important;
    }
    .slider1_subheader {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1rem !important;
    }
    .slider1_subheader2 {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1rem !important;
    }
    .slider1_content1 {
        padding-left: 0px;
        font-size: 1.2em !important;
    }

    .slider1_number,
    .slider1_email {
        font-size: 1.2em;
    }
    .slider2_header1 {
        font-size: 1.5em !important;
    }
    .slider2_header2 {
        /* DAJHEC RLC */
        font-size: 2em !important;
    }
    .slider2_header3 {
        font-size: 1.5rem !important;
    }
    .slider2_button {
        font-size: 1.5em !important;
        padding: 1rem 1rem !important;
    }
    /* Banner End */
    /* Our Trucks Start */
    .ourTrucks_header1 {
        margin-bottom: 50px;
        font-size: 2.5rem !important;
    }
    .ourTrucks_card_title {
        background: #ffff00 !important;
    }
    .custom-arrow {
        width: 60px;
        height: 60px;
    }
    /* Our Trucks End */
    /* Valued Clients Start */
    .valuedClients_wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 130vh;
        background-color: #132770;
    }
    .valuedClients_header1 {
        font-size: 3em;
    }
    .valuedClients_content {
        width: 90%;
        font-size: 1.2em;
    }
    .testimonial_container {
        margin-bottom: 80px;
    }
    /* Valued Clients End */
    /* Announcement Start */
    .announcement_wrap {
        height: 200vh;
        padding: 50px 0px;
    }
    .announcement_header1 {
        /* Section Title */
        font-size: 2.5em;
    }
    .announcement-item {
        width: 80%;
    }

    .truck-image-wrapper {
        position: absolute;
        right: -600px; /* adjust mo depende sa gusto mong layo */
        top: 55%;
        transform: translateY(-50%);
        height: 50%;
        overflow: hidden;
    }

    .announcement_truckimg {
        display: none;
    }

    .announcement_form_wrapper {
        position: absolute;
        bottom: 10px; /* adjust mo kung gaano ka-taas mula sa wave */
        background-color: #003161;
        padding-bottom: 160px;
    }
    .announcement_form_wrapper h1 {
        margin-bottom: 30px;
    }
    .link-display {
        flex-direction: column; /* para stack sila vertical */
        align-items: center; /* center align yung mga naka-stack */
    }

    /* Announcement End */
    /* Payment Start */
    .payment_wrap {
        padding: 100px 0px;
    }
    .payment_header1 {
        /* Section Title */
        font-size: 3em;
    }
    .payment_circle {
        width: 100vw; /* Set the width as a percentage of the viewport */
        height: 100vw; /* Set the height equal to the width to maintain a circle */
        margin-bottom: 100px; /* Space between the circle and the underline */
    }

    .payment_circle::after {
        width: 100vw; /* Set the width of the underline */
    }

    /* Payment End */
    /* Contact Form Start */
    /* Left info items */
    .contactInfo_section {
        padding-right: 0px;
        border-right: 5px solid #ccc; /* Add this line */
    }

    .contactInfo_icon {
        margin-right: 20px;
    }

    .contactInfo_icon img {
        width: 60px;
        height: auto;
    }

    /* Contact Form End */
}
/* Media query for screens between 768px and 992px */
@media (min-width: 768px) and (max-width: 991px) {
    /* Navbar Start */
    .navbar-brand {
        max-width: 400px;
    }
    /* Navbar End */
    /* Banner Start */
    .overlay-left {
        background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.8),
            transparent 100%
        );
    }

    .overlay-right {
        background: linear-gradient(
            to left,
            rgba(0, 0, 0, 0.8),
            transparent 150%
        );
    }
    .slider1_header1 {
        /* WELCOME */
        font-size: 2rem !important;
    }
    .slider1_header2 {
        /* DAJHEC RLC */
        font-size: 1.5rem !important;
    }
    .slider1_subheader {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1rem !important;
    }
    .slider1_subheader2 {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1rem !important;
    }
    .slider1_content1 {
        padding-left: 0px;
        font-size: 1.2em !important;
    }

    .slider1_number,
    .slider1_email {
        font-size: 1.2em;
    }
    .slider2_header1 {
        font-size: 1.5em !important;
    }
    .slider2_header2 {
        /* DAJHEC RLC */
        font-size: 2em !important;
    }
    .slider2_header3 {
        font-size: 1.5rem !important;
    }
    .slider2_button {
        font-size: 1.5em !important;
        padding: 1rem 1rem !important;
    }
    /* Banner End */
    /* Announcement Start */
    .announcement_wrap {
        height: 200vh;
        padding: 50px 0px;
    }
    .announcement_header1 {
        /* Section Title */
        font-size: 2.5em;
    }
    .announcement-item {
        width: 80%;
    }

    .truck-image-wrapper {
        position: absolute;
        right: -600px; /* adjust mo depende sa gusto mong layo */
        top: 55%;
        transform: translateY(-50%);
        height: 50%;
        overflow: hidden;
    }

    .announcement_truckimg {
        height: 80% !important;
        width: auto;
        object-fit: cover;
        object-position: right center;
    }

    .announcement_form_wrapper {
        position: absolute;
        bottom: 10px; /* adjust mo kung gaano ka-taas mula sa wave */
        background-color: #003161;
        padding-bottom: 100px;
    }
    .announcement_form_wrapper h1 {
        margin-bottom: 30px;
    }
    .link-display {
        flex-direction: column; /* para stack sila vertical */
        align-items: center !important;
        justify-content: center !important; /* center align yung mga naka-stack */
    }
    .link-content {
        padding: 0 !important;
    }
    .website-url {
        font-size: 0.9rem !important ;
    }
    .visit-button {
        margin-top: 10px;
    }

    /* Announcement End */
    /* Announcement Start */
    .announcement_wrap {
        height: 200vh;
        padding: 50px 0px;
    }
    .announcement_header1 {
        /* Section Title */
        font-size: 2.5em;
    }
    .announcement-item {
        width: 80%;
    }

    .truck-image-wrapper {
        position: absolute;
        right: -600px; /* adjust mo depende sa gusto mong layo */
        top: 55%;
        transform: translateY(-50%);
        height: 45%;
        overflow: hidden;
    }

    .announcement_truckimg {
        height: 100%;
        width: auto;
        object-fit: cover;
        object-position: right center;
        display: block;
    }

    .announcement_form_wrapper {
        position: absolute;
        bottom: -80px; /* adjust mo kung gaano ka-taas mula sa wave */
        background-color: #003161;
        padding-bottom: 100px;
    }
    .announcement_form_wrapper h1 {
        margin-bottom: 30px;
    }
    .link-display {
        flex-direction: column; /* para stack sila vertical */
        align-items: center; /* center align yung mga naka-stack */
    }

    /* Announcement End */
    /* Contact Form Start */
    /* Left info items */
    .contactInfo_section {
        padding-right: 20px;
        border-right: 5px solid #ccc; /* Add this line */
    }

    .contactInfo_icon {
        margin-right: 20px;
    }

    .contactInfo_icon img {
        width: 60px;
        height: auto;
    }

    /* Contact Form End */
}

/* Media query for screens larger than 992px */
@media (min-width: 992px) and (max-width: 1440px) {
    /* Navbar Start */
    .navbar-brand {
        max-width: 300px;
    }

    /* Navbar End */
    /* Banner Start */
    /* .overlay-left {
        background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.8),
            transparent 100%
        );
    }

    .overlay-right {
        background: linear-gradient(
            to left,
            rgba(0, 0, 0, 0.8),
            transparent 150%
        );
    } */
    .slider1_header1 {
        /* WELCOME */
        font-size: 4rem !important;
    }
    .slider1_header2 {
        /* DAJHEC RLC */
        font-size: 3rem !important;
    }
    .slider1_subheader {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1.5rem !important;
    }
    .slider1_subheader2 {
        /* Bachkoe Rental & Hauling Services */
        font-size: 1.5rem !important;
    }
    .slider1_content1 {
        padding-left: 0px;
        font-size: 1.3em !important;
    }

    .slider1_number,
    .slider1_email {
        font-size: 1.2em;
    }
    .slider2_header1 {
        font-size: 1.5em !important;
    }
    .slider2_header2 {
        /* DAJHEC RLC */
        font-size: 2em !important;
    }
    .slider2_header3 {
        font-size: 1.5rem !important;
    }
    .slider2_button {
        font-size: 1.5em !important;
        padding: 1rem 1rem !important;
    }
    /* Banner End */
    /* Announcement Start */
    .announcement_truckimg {
        height: 90% !important;
        width: auto;
        object-fit: cover;
        object-position: right center;
    }
    /* Announcement End */
}