@media (max-width: 768px) {
    .menu-icon {
        display: flex;
        cursor: pointer;
        display: block;
    }

    header {
        box-shadow: none;
        position: fixed;
        width: 100%;
          border-radius: 0px;
    }
    .times{
        position: absolute;
        top: 16px;
        font-size: 16px;
        left: 18px;
        display: flex;
    }
    .timess{
        position: absolute;
        top: 64px;
        font-size: 16px;
        left: 18px;
        display: flex;
    }
    .navbar-collapse {
        display: none;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        position: absolute;
        top: 55px;
        left: 0;
        background-color: #FFFFFF;
        /* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); */
        padding: 10px;
        z-index: 1000;
    }

    .navbar-collapse.active {
        display: flex;
    }

    .login-register {
        justify-content: center;
    }

    .navbar-nav {
        flex-direction: column;
        gap: 0px;
        height: auto;
        margin: 8px 0px 10px 0px;
        padding-left: 0px;
    }

    .navbar-brand {
        width: 23%;
    }

    .mains {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin:  0px;
    }

    .nav-link {
        -webkit-tap-highlight-color: transparent;
    }

    .container-fluid {
        margin: 0 22px;
    }

    .main-logo {
        width: 65%;
        height: 65px;
    }

    .calls {
        display: none;
    }

    .top-buttons {
        margin: 15px 0px;
        width: 100%;
        justify-content: flex-end;
    }

    .navbar-nav .active-nav::after {
        bottom: -10px;
        height: 5px;
    }

    .location-list {
        width: 160px;
        right: -15px;
    }

    .location-list li {
        text-align: center;
        margin-top: 0px;
    }

    .nav-links {
        display: none;
        flex-direction: column;
        background-color: #fff;
        position: absolute;
        top: 85px;
        left: 0;
        width: 100%;
        z-index: 1000;
        padding: 5px 0;
        /* box-shadow: 0 4px 6px rgba(0,0,0,0.1); */
    }

    .nav-links.show-nav {
        display: flex;
    }

    .menu-icon {
        display: block;
        font-size: 40px;
        color: #ccc;
    }

    .navbar-nav li {
        margin: 10px 0;
    }

    .login-register {
        flex-direction: column;
        padding: 10px;
    }

    /* --------------------header--------------- */
    /* ------------------textmonial----------- */
    .next-ride {
        flex-direction: column;
        gap: 15px;
        margin-top: 25px;
    }

    .next-ride h3 {
        font-size: 21px;
        margin: 0px !important;
    }

    .get-bike-now {
        margin-top: 10px;
    }

    .get-bike-now button {
        padding: 20px;
    }

    /* ------------------textmonial----------- */
    /* ------------------footer-------------------- */
    .footer-container {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px;
    }

    .center,
    .centerA {
        width: 100%;
    }

    .centerA h5,
    .footer-left h5,
    .centerB h5,
    .footer-right h5 {
        font-size: 23px;
    }

    .centerB,
    .footer-right {
        width: 50%;
    }

    .footer-center {
        gap: 25px;
    }

    /* --------------footer------------------- */
    /* ------------------home-page------------ */
    #carousel-B {
        margin-bottom: 25px;
        width: 96%;
    }

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

    .bike-brands h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .bike-name {
        font-size: 30px;
    }

    .owl-next span,
    .owl-prev span {
        font-size: 20px;
        height: 36px;
        width: 36px !important;
    }

    #carousel-B .owl-nav {
        top: -60px;
        right: 2%;
    }

    .renting-card {
        flex-wrap: wrap;
    }

    .bike-brands {
        margin: 0px 20px;
        margin-top: 30px;
    }

    .excellent-review {
        margin-top: 50px;
        width: 95%;
    }

    .excellent-review h2 {
        /* margin-left: 10px; */
        margin: 0px 20px !important;
    }

    .renting-bike {
        margin-top: 15px;
        padding: 10px 30px 20px;
    }

    .renting-bike button {
        margin-top: 15px;
    }

    #carousel-C .owl-nav {
        top: -62px;
    }

    #carousel-A .owl-nav {
        top: -58px !important;
    }

    .car-drands h2 {
        width: 80%;
    }

    .motercycle-brands {
        padding: 10px 0px 0px 10px;
    }

    .information {
        flex-direction: column !important;
        top: 32%;
        left: 5%;
    }

    .destination {
        top: 13%;
    }

    .location-A,
    .location-B {
        width: 100%;
        padding: 0px;
    }

    .date-A,
    .city-type {
        flex-direction: column !important;
        width: 100%;
        position: relative;
        background: none;
    }

    .form-control {
        background: none;
    }

    .video-container video {
        height: 980px;
    }

    .search-btn,
    .search-car {
        width: 100%;
    }

    .search-btn a {
        width: 100%;
    }

    .search-car {
        padding: 16px 30px 18px 30px;
    }

    #carousel-A,
    #carousel-C {
        margin: 10px 15px;
    }

    #carousel-B {
        margin: 10px 10px;
    }

    .bike-card a img {
        width: 30% !important;
    }

    /* --------------------home-page-------------- */
    /* -----------------------bike-listing----------- */
    .inner-page-banner img {
        height: 30vh;
    }

    .inner-page-text {
        top: 16%;
    }

    /* .inner-page-text h2{
    color: lightblue;
} */
    .car-list {
        flex-direction: column;
    }

    .container-left,
    .card-container,
    .bike-cardA {
        width: 100% !important;
    }

    .rating-form {
        flex-direction: column;
        gap: 0px;
    }

    .review-form {
        width: 100%;
    }

    .review-formA textarea {
        width: 95%;
    }

    .checkbox-group label {
        margin-bottom: 8px;
    }

    .checkbox-group label {
        gap: 7px;
        align-items: center;
    }

    .checkbox-group input {
        width: 15px;
        height: 15px;
        border-radius: 50px;
    }

    .checkbox-group {
        display: flex;
        gap: 40px;
        align-items: center;
    }

    .filter-toggle {
        display: none;
        background: #007bffbd;
        color: #FFFFFF;
        border: none;
        padding: 10px 1px;
        font-size: 18px;
        border-radius: 8px;
        /* margin: 10px; */
        width: 40%;
    }

    .select-sorting {
        display: flex;
        justify-content: end;
        width: 50%;
    }

    .filter-sorting {
        /* width: 100%; */
        display: flex;
        align-items: center;
        gap: 10px;
        /* justify-content: space-between; */
    }

    .dropdown-container {
        border: 1px solid #d1d5db;
        border-radius: 8px;
        padding: 10px;
        width: 173px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
        font-family: Arial, sans-serif;
    }

    .filter-toggle {
        display: none;
        background: #007bffbd;
        color: #FFFFFF;
        border: none;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 8px;
        margin: 10px;
    }

    .filter-toggle span {
        color: #FFFFFF;
    }

    .filter-header h2 {
        font-size: 28px;
        font-weight: 600;
        color: #05073C;
        font-family: "Poppins", sans-serif;
    }

    .filter-panel {
        position: fixed;
        /* bottom: -100%; */
        left: 0;
        width: 100%;
        height: auto;
        background-color: white;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
        padding: 20px;
        transition: bottom 0.3s ease-in-out;
        z-index: 1000;
        border-radius: 25px 25px 0 0;
        /* overflow-y: auto; */
    }

    .filter-panel.open {
        top: 35%;
    }

    .filter-panel {
        bottom: -90%;
    }

    .filter-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .close-btn {
        font-size: 32px;
        cursor: pointer;
        font-weight: 600;
    }

    .filter-section {
        margin: 0px;
    }

    .filter-section label {
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 500;
    }

    .filter-btn button {
        background-color: #183153;
        color: white;
        padding: 10px 30px;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        font-size: 16px;
        font-family: "Inter", sans-serif;
        font-weight: 500;
    }

    .apply-btn {
        background-color: #00c897;
        color: white;
        border: none;
        padding: 12px;
        border-radius: 10px;
        width: 100%;
        font-weight: bold;
        font-size: 16px;
    }

    .filter-d-none {
        display: none;
    }

    .filter-d-none {
        display: block;
    }

    .bike-pickup-location,
    .dropdown-btn,
    .dropdown-content p {
        background: none;
    }

    /* ----------------------bike-listing------------ */
    /* --------------------------contact-us-------------- */
    .address-cards,
    .contact-form {
        flex-direction: column-reverse;
    }

    .address {
        margin: 0px;
    }

    .form,
    .contact-map {
        width: 100%;
    }

    /* ------------------contact-us--------- */
    /* ---------------privacy-policy--------- */
    .privacy-policy-info h4 {
        line-height: 27px;
    }

    .privacy-policy {
        padding: 20px 20px;
    }

    .restrictions h3 {
        margin: 0px !important;
    }

    .privacy-policy-info h4 {
        margin: 5px 0px !important;
    }

    /* ---------------privacy-policy--------- */
    /* -------------------bike-details---------- */
    .bike-details-container {
        flex-direction: column-reverse;
    }

    .left-A,
    .right-A {
        width: 100%;
    }

    .right-A {
        margin-top: 60px;
    }

    .model-content {
        width: 100%;
    }

    .model-content {
        margin-top: 85% !important;
    }

    .coupon-model {
        border-radius: 0px;
    }

    .bike-avenger-street {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .review-avenger {
        display: none;
    }

    #review-avenger-street {
        display: block;
        width: 100%;
    }

    .profile-verifaction {
        padding: 10px 20px;
    }

    .submit-review {
        display: flex;
        justify-content: end;
    }

    .submit-review button {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .profile-verifaction {
        width: 90%;
    }

    .verifaction-profile {
        flex-wrap: wrap;
        gap: 0px;
    }

    /* .user-form input{
    background: none;
} */
    /* ------------------------bike-details--------------- */
    /* -------------------------about-us-------------------- */
    .about-us-cards {
        flex-direction: column;
    }

    .about-bike-limit {
        width: 100%;
        padding: 20px 30px;
    }

    .about-bike-car p {
        font-size: 15px;
    }

    .about-us-text {
        margin-top: 10px;
    }

    .about-us h4 {
        font-size: 16px;
    }

    .filter-toggle {
        display: block;
    }

    .container-left {
        display: none;
    }

    .filter-d-none {
        display: block;
    }

    .select-sorting-none {
        display: block !important;
    }

    .select-sorting {
        display: none;
    }

    .dropdown-container-height {
        height: 50px;
    }

}

@media (min-width: 769px) {
    .filter-panel {
        position: static;
        height: auto;
        box-shadow: none;
        bottom: 0;
    }

    .filter-toggle,
    .close-btn {
        display: block;
    }
}

/* -----------------------iphoneSE------------ */
/* ----------------------samsung Galaxy S8+------------ */

@media only screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4) {
    .destination {
        top: 15%;
    }

    /* .bike-brands h2 {
        font-size: 28px;
        line-height: 27px;
    } */
    /* .filter-toggle{
        font-size: 12px;
    } */
    .information {
        top: 45%;
    }

    #carousel-A .owl-nav {
        top: -58px !important;
    }
}

/* ----------------------samsung Galaxy S8+------------ */
/* -------------------Iphone12 pro------------ */

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {

    /* .bike-brands h2{
        font-size: 21px;
} */
    .destination {
        top: 15%;
    }

    .next-ride h3 {
        font-size: 19px;
    }

    .rating-form {
        flex-direction: column;
        gap: 0px;
    }

    .review-form {
        width: 100%;
    }

    .review-formA textarea {
        width: 95%;
    }

    .information {
        top: 33%;
    }

}

/* -------------------Iphone12 pro--------- */
/* --------------IphoneSE------------ */
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {

    .destination {
        top: 16%;
    }

    /* .bike-brands h2 {
    font-size: 21px;
    line-height: 26px;
} */
    .information {
        top: 41%;
    }

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

    /* .filter-toggle{
    font-size: 15px;
} */
    .next-ride h3 {
        font-size: 19px;
    }

    .dropdown-container-height {
        height: 40px;
    }
}

/* --------------IphoneSE------------ */
/* -------------------one-plus-nord------------- */
@media only screen and (max-width: 400px) {}