img, video, iframe {max-width:100%;height:auto;}
.container-fluid {max-width:100%;}
.row {min-width:0;}
.one_slide, .seller_job_post, .all_chat_box_list, .right_chat_box_list, .left_chat_box_list {max-width:100%;}
.chat_body_space {overflow-y:auto;overflow-x:hidden;}
.msg_bubble, .Chat_name, .slide-name, .trp-specs {word-break:break-word;overflow-wrap:anywhere;}
.new-trip-list h3, .slide-name h4, .Chat_name h6 {line-height:1.25;}
table {max-width:100%;}
.table-responsive {overflow-x:auto;}
.btn, button, input, select, textarea {max-width:100%;}

@media (max-width: 991px) {
    .user-profile-page .cover_picture {min-height:180px;}
    .find-area .col-md-2, .find-area .col-md-10, .all_chat_box_list .col-md-4, .all_chat_box_list .col-md-8 {flex:0 0 100%;max-width:100%;}
    .img-side {text-align:center;margin-bottom:18px;}
    .img-side img#profile_pic {width:120px!important;max-height:120px;object-fit:cover;border-radius:8px;}
    .slide-name[style*="display: flex"] {display:block!important;}
    .slide-name h3, .slide-name h4 {display:block;margin:4px 0;}
    .left_chat_box_list {max-height:260px;overflow:auto;margin-bottom:14px;}
    .right_chat_box_list {min-height:360px;}
}

@media (max-width: 767px) {
    body {overflow-x:hidden;}
    .container, .container-fluid {padding-left:12px;padding-right:12px;}
    .couchmeet-header .container-fluid,
    .couchmeet-header .navbar,
    .couchmeet-header .dropdown,
    .couchmeet-header .navbar-collapse {
        overflow: visible !important;
    }
    .new-trip-list h3 {font-size:20px;}
    .new-trip-list p, .trp-specs {font-size:14px;}
    .img-slide-content .btn, .slide-name .btn, .bottom_chat_area .form-control {width:100%;margin-top:8px;}
    .chat_img img {width:42px;height:42px;object-fit:cover;border-radius:50%;}
    .left_msg_bubble, .right_msg_bubble {display:flex;gap:8px;align-items:flex-start;}
    .right_msg_bubble {justify-content:flex-end;}
    .msg_bubble {max-width:calc(100vw - 110px);}
    .top_recent_chat_profile .d-flex {flex-wrap:wrap;}
    .type_area_fill {width:100%;}
    .type_area_fill h6 {text-align:center;}
    .backtohome, .signup_main_page, .full_page_bg_img h5 {text-align:center;margin-bottom:8px;}
    .profcarddiv h5,
    .profcarddiv h5 a {
        font-size:16px !important;
        line-height:1.25 !important;
        word-break:break-word;
    }
    .profcarddiv .action-detail,
    .profcarddiv .action-invite {
        margin-bottom:8px;
    }
    .profcarddiv .action-detail .form-control,
    .profcarddiv .action-invite .form-control,
    .profcarddiv .col-5 .btn,
    .profcarddiv .col-6 .btn {
        height:auto;
        min-height:38px;
        padding:8px 10px;
        font-size:13px;
        line-height:1.2;
        white-space:normal;
    }
    .profcarddiv .newcountryflag {
        max-width:28px;
    }
    .co-traveler-icons ul {
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:8px;
    }
    .co-traveler-icons li {
        margin:0 !important;
    }
}

@media (max-width: 480px) {
    .new-trip-list h3 {font-size:18px;}
    .metric-card, .seller_job_post, .one_slide {padding:10px!important;}
    .chat_body_space {max-height:55vh;}
    .msg_bubble {font-size:13px;}
}