@media (max-width: 1399px) {
    .itinery_details_right {
        padding-top: 50px;
    }

    .bike_details_inner {
        padding-bottom: 50px;
    }
    .bike_hotel_filter{
        padding-right: 0px;
    }
}

@media (max-width: 1299px) {}

@media (max-width: 1199px) {
    .community_img_main {
        width: 280px;
    }

    .community_content_main {
        width: calc(100% - 560px);
    }

    .Community_content h6 {
        font-size: 30px;
    }

    .Community_btn {
        padding-top: 30px;
    }
    .hotel_feature{
        padding-bottom: 50px;
    }
}

@media (max-width: 1024px) {
    .slick-prev {
        left: 50px;
    }

    .slick-next {
        right: 50px;
    }
}

@media (max-width: 991px) {
    .hero_btn{
        height: auto !important;
    }
    .view_itinerie_details_hero .row{
        align-items: end;
    }
    .view_itinerie_details_hero .hero_btn_main{
        height: fit-content;
        padding-top: 10px;
    }

    .auth_slider_inner {
        display: none;
    }

    .auth_content {
        padding: 0;
        width: 100% !important;

    }

    .pt-100 {
        padding-top: 80px;
    }

    .pb-100 {
        padding-bottom: 80px;
    }

    .section_heading {
        padding-bottom: 40px;
    }

    .main_header {
        padding: 20px 0px;
    }

    .header_menu {
        display: none;
    }

    .toggle_menu {
        display: flex;
    }

    .user_login p {
        display: none;
    }

    .toggle_menu a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
    }
    .profile .toggle_menu a{
        background-color: #2121211a;
    }

    .toggle_menu a i {
        font-size: 20px;
        color: #212121;
    }

    .section_heading .main_heading {
        font-size: 30px;
    }

    .section_heading .sub_heading {
        font-size: 14px;
    }

    .stepper_inner .stepper .stepper_img {
        width: 340px;
    }

    .stepper_inner .stepper {
        gap: 40px;
    }

    .stepper_content {
        width: calc(100% - 380px);
    }

    .stepper_content h6 {
        font-size: 20px;
    }

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

    .community_img_main {
        width: 200px;
    }

    .community_content_main {
        width: calc(100% - 400px);
    }

    .Community_img {
        aspect-ratio: 3 / 6;
    }

    .Community_content h6 {
        font-size: 24px;
        padding-bottom: 10px;
    }

    .Community_btn {
        padding-top: 20px;
    }

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

    .contact_form {
        padding: 24px;
    }

    .contact_form form {
        gap: 14px;
    }

    .contact_heading {
        padding-right: 0px;
    }

    .footer_link_main {
        margin: 20px 0px;
        padding: 20px 0px;
        gap: 30px;
    }

    .footer_link_main a {
        font-size: 14px;
    }

    .footer_link_main .line,
    .team_content .line {
        height: 14px;
    }

    .footer .contact_icon a {
        width: 34px;
        height: 34px;
    }

    .team_content {
        padding: 20px 0px 10px;
    }

    .slick-prev {
        left: 20px;
    }

    .slick-next {
        right: 20px;
    }

    .bike_feature_main {
        margin-bottom: 24px;
    }

    .contactus .contact_heading {
        padding-bottom: 30px;
        position: unset;
    }
    .profile_breadcrumb{
        padding: 16px 0px;
    }
    .bike_hotel_topbar{
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .hero_content h2 {
        font-size: 50px;
        line-height: 1.2;
    }

    .hero_content p {
        font-size: 16px;
    }

    .about_content h5 {
        font-size: 30px;
        padding-bottom: 20px;
    }

    .about_content ul {
        padding-bottom: 30px;
    }

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

    .about_us_inner {
        padding-left: 12px;
        padding-right: 12px;
    }

    .stepper_inner .stepper {
        flex-direction: column;
    }

    .stepper_inner .stepper .stepper_img {
        width: 100%;
        aspect-ratio: 19 / 10;
    }

    .stepper_content {
        width: 100%;
    }

    .stepper_content h6 {
        font-size: 20px;
        padding-top: 20px;
    }

    .stepper_content .stepper_icon {
        width: 44px;
        height: 44px;
    }

    .stepper_content .stepper_icon {
        font-size: 18px;
    }

    .community_img_main {
        width: 100%;
    }

    .Community_img {
        aspect-ratio: 19 / 7;
    }

    .Community_img img {
        object-position: 100% 30%;
    }

    .community_content_main {
        width: 100%;
        padding: 40px;
    }

    .contact_heading {
        padding-bottom: 30px;
        position: unset;
    }

    .contact_heading p {
        padding-bottom: 20px;
    }

    .footer_link_main {
        margin: 14px 0px;
        padding: 14px 0px;
        gap: 20px;
    }

    .about_us_inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bike_feature_inner h6 {
        padding: 20px 0 3px;
    }
    .progress_inner{
        max-width: 400px;
    }
    .basic_info_inner p, .address_inner p {
        font-size: 14px;
    }
    .basic_info_inner span, .address_inner span {
        font-size: 12px;
        line-height: 14px;
    }
}

@media (max-width: 575px) {
    .back_btn {
        width: 20px;
        height: 20px;
    }

    .auth_logo img {
        height: 20px;
    }

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

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

    .auth_form form,
    .state_city {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .auth_form form .form_span {
        grid-column: span 1 / span 1;
    }

    .header_btn {
        display: none !important;
    }

    .hero_content h2 {
        font-size: 40px;
    }

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

    .section_heading .main_heading {
        font-size: 24px;
    }

    .stepper_inner .stepper {
        gap: 30px;
    }

    .stepper_inner .stepper .stepper_img {
        aspect-ratio: 19 / 16;
    }

    .community_content_main {
        padding: 20px 40px;
    }

    .contact_form form ,
    .itinery_details_form,
    .services_req{
        grid-template-columns: repeat(1, 1fr);
    }

    .contact_form form .form_span,
    .itinery_details_form .form_span {
        grid-column: span 1 / span 1;
    }

    .contact_form form .form-group input,
    .contact_form form .form-group select,
    .contact_form form .form-group textarea {
        padding: 14px 20px;
    }

    .footer_link_main {
        margin: 12px 0px;
        padding: 12px 0px;
        gap: 10px;
    }

    .footer_link_main a {
        font-size: 12px;
    }

    .team_content a {
        font-size: 12px;
    }

    .footer_link_main .line,
    .team_content .line {
        height: 12px;
    }

    .footer .contact_icon {
        padding-top: 20px;
    }

    .about_content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .about_content h5,
    .about_content ul {
        text-align: center;
    }

    .key_specifications ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .bike_gallery img {
        aspect-ratio: 19 / 12;
    }

    .contactus .contact_heading h2 {
        font-size: 30px;
        letter-spacing: 0;
    }
    .progress_inner{
        width: 80%;
    }
    .complete_history .section_heading,
    .tracks_progress{
        padding-bottom: 40px;
    }
    .edit_profile form {
        gap: 30px;
    }

}

@media (max-width: 425px) {
    .footer_link_main {
        flex-direction: column;
        align-items: center;
    }

    .footer_link_main .line {
        width: 12px;
        height: 2px;
    }

    .key_specifications ul,
    .basic_info_inner,
    .address_inner,
    .edit_profile_form {
        grid-template-columns: 1fr;
    }
    .basic_info_inner .form_span,
    .edit_profile_form .form_span {
        grid-column: span 1 / span 1;
    }
    .pro_img {
        padding: 0px 20px 20px;
    }
    .pro_basic_info, .pro_address, .edit_profile {
        padding: 20px;
    }
    .edit {
        top: 20px;
        right: 20px;
    }
}
