@media only screen and (max-width: 1440px) {
    /* ========================
    profile page css
    ======================== */
    .profile-parent {
        width: 280px;
        padding: 25px 25px;
    }
    /* ========================
    profile page css
    ======================== */
    .profile-parent {
        margin-bottom: 30px;
    }
    /* ====================
      my shop page 
      ==================== */
    .card-image {
        width: 100%;
    }
    .card-content {
        width: 100%;
    }
    .card-image {
        /* text-align: center; */
        margin-bottom: 10px;
        /* background-color: #24aae1; */
        border-radius: 10px 10px 10px 10px;
        text-align: center;
    }
    .card-image img {
        border-radius: 10px 10px 10px 10px;
        width: 50%;
    }

    /* ====================
      review screen page 
      ==================== */
    .review-left img {
        width: 200px;
    }
    .review-right img {
        width: 200px;
    }
    .review-banner {
        padding: 10px 25px;
    }
    .review-star img {
        width: 30px;
    }

    /* =================================
      help & support screen page 
      ================================= */
    .support-content h4 {
        margin-bottom: 10px;
    }
    .search-input {
        display: flex;
    }
    .help-banner .support-banner {
        height: 200px;
    }
    .help-card-parent {
        gap: 30px;
    }
    .live-chat-card {
        width: 40%;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1600px){
    .profile-parent {
        width: 100%;
        padding: 25px 25px;
    }
}
@media only screen and (max-width: 1024px) {
    /* =================================
      help & support screen page 
      ================================= */
    .support-content {
        padding: 30px 25px;
    }
    .input-elevated {
        width: 300px;
    }
    .live-chat-card {
        width: 45%;
    }
}
@media only screen and (max-width: 1200px) {
    .shop-card {
        margin-bottom: 15px;
    }

    /* =================================
      help & support screen page 
      ================================= */
    .accordian-design {
        width: 100%;
    }
    /* =========================
  chat box 
  ========================= */
    .chat-dialog {
        min-width: 97%;
    }
}

@media only screen and (max-width: 991px) {
    .card-design {
        margin-bottom: 10px;
    }
    .card-design-two {
        margin-bottom: 10px;
    }
    .card-design-three {
        margin-bottom: 10px;
    }
}

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

    
.message-send {
    position: unset;
    width: 100%;
    bottom: 0px;
}

    /* =========================
  chat box 
  ========================= */
    .right-chat-parent {
        border-radius: 20px 20px 20px 20px;
    }
    .chat-icon {
        display: block;
        margin-right: 5px;
    }
    .chat-area {
        width: 100%;
        position: absolute;
        left: 1000px;
        right: 0;
        background: #fff;
        transition: all 0.5s ease;
        border-left: none;
        padding: 20px 25px;
    }
    .showbox {
        left: 0 !important;
        transition: all 0.5s ease;
    }
    .chat-right-body {
        position: relative;
    }
    .chat-area {
        border-radius: 20px;
        position: unset;
        top: 0;
    }
    .search-icon {
        left: 4%;
    }
}

@media only screen and (max-width: 700px) {
    /* ========================
  layout dropdown
  ======================== */
    .message-list {
        right: -350% !important;
    }

    .card-design {
        margin-bottom: 10px;
    }
    .card-design-two {
        margin-bottom: 10px;
    }
    .card-design-three {
        margin-bottom: 10px;
    }
    .create-job-table {
        margin-bottom: 20px;
    }
    /* ====================
      my shop page 
      ==================== */
    .list-wrapper {
        padding: 0px;
    }
    #layout-common {
        padding: 10px;
    }
    .shop-performance {
        padding: 10px;
    }
    /* ============================
    setting page css
    ============================ */
    .general-profile-parent {
        flex-wrap: wrap;
        justify-content: center;
    }
    .billing-info-parent {
        flex-wrap: wrap;
    }
    .delete-parent {
        flex-wrap: wrap;
    }
    .delete-text {
        width: 100%;
    }
    .delete-text p {
        margin-bottom: 0px;
    }
    /* ====================
      review screen page 
      ==================== */
    .review-left img {
        display: none;
    }
    .review-right img {
        display: none;
    }
    #my-review {
        padding: 5px 0px;
    }
    .year-review {
        font-size: 16px;
    }
    .out-off {
        width: 19%;
    }
    /* =================================
      help & support screen page 
      ================================= */
    .help-banner .support-banner {
        display: none;
    }
    .help-banner {
        background-color: #fdeee7;
        position: unset;
    }
    .support-content {
        position: unset;
        transform: translate(0%, 0%);
        background-color: transparent;
        /* padding: 30px 10px; */
    }
    .search-input {
        justify-content: center;
        flex-direction: column;
    }
    .input-elevated {
        margin-bottom: 15px;
        width: 100%;
    }
    .support-content h4 {
        font-size: 18px;
    }
    .live-chat-card {
        width: 100%;
    }
    .faq-section {
        padding: 0px;
    }
    .help-card-parent {
        padding: 25px 20px;
    }
    .accordian-design {
        margin: 10px 20px;
    }
    .help-card-parent {
        gap: 15px;
    }
}

@media only screen and (max-width: 1440px) {
    .left-image {
        width: 50%;
    }
    .right-form {
        width: 50%;
    }
    .login-design {
        padding: 0px 60px;
    }
    .login-heding {
        padding: 0px 20px;
    }
    .left-image img {
        width: 100%;
    }
    /* ===============================
    subscription responsive
    ============================== */
    .subscription-content {
        width: 70%;
    }
    #subscription {
        padding: 0px 40px;
    }

    /* ===============================
    faq responsive
    ============================== */
    .accordian-width {
        width: 95%;
    }
    /* ===============================
    welcome responsive
    ============================== */
    .welcome-image .banner-image-two {
        width: 60%;
    }
}

@media only screen and (max-width: 1024px) {
    .left-image {
        display: none;
    }
    .right-form {
        width: 100%;
    }
    .login-design {
        padding: 30px 40px;
    }
    /* ===============================
    subscription responsive
    ============================== */
    .subscription-icon-one img {
        width: 60px;
    }
    .subscription-icon-two img {
        width: 60px;
    }
    .subscription-icon-three img {
        width: 60px;
    }
    /* ========================
    privacy policy css 
    ======================== */
    .privacy-banner .privacy-banner-text {
        font-size: 22px;
    }
    /* ===============================
    faq responsive
    ============================== */

    .accordian-design {
        margin: 25px 15px;
    }
    /* ===============================
    welcome responsive
    ============================== */
    .welcome-image .banner-image-two {
        width: 85%;
    }
    .main-image-box .custom-column-eight {
        width: 100%;
    }
    .custom-column-four {
        width: 100%;
    }
    .row.main-image-box {
        flex-direction: column-reverse;
    }
}
@media only screen and (max-width: 991px) {
    /* ===============================
    faq responsive
    ============================== */
    .accordian-responsive {
        margin-top: 0px;
    }
    .accordian-hover {
        position: unset;
    }
}
@media only screen and (max-width: 768px) {
    /* ========================
    privacy policy css 
    ======================== */
    .banner-image {
        display: none;
    }
    .banner-ellipse {
        display: none;
    }
    .privacy-banner {
        padding: 40px 0px;
    }

    .left-image-text p {
        font-size: 16px;
        margin-bottom: 0px;
        color: #252525;
    }

    /* ===============================
    welcome responsive
    ============================== */
    .welcome-image .banner-image-two {
        width: 100%;
    }
    .next-tech {
        font-size: 14px;
    }
    .organization-name {
        padding: 0px 5px;
        width: 80px;
    }
    .header-button .login-button {
        font-size: 14px;
    }
    .header-button .signin-button {
        font-size: 14px;
    }
    .logo img {
        width: 80px;
    }
}

@media only screen and (max-width: 700px) {
    .header-nav {
        padding: 0px 15px;
    }
    .login-heding {
        padding: 0px;
    }
    .login-design {
        padding: 20px 20px;
    }
    .logo img {
        width: 80px;
    }
    .header-button .login-button {
        padding: 8px 12px;
    }
    .header-button .signin-button {
        padding: 7px 12px;
    }
    .otp-input-fields .otp-design {
        width: 45px;
        height: 45px;
    }
    .form-login .input-design {
        padding: 12px 12px 12px 80px;
    }
    .login-heding p {
        margin-bottom: 40px;
    }
    .login-heding h2 {
        margin-bottom: 20px;
    }
    .login-button button {
        margin-top: 40px;
    }
    .registration-text p {
        margin-bottom: 20px;
    }
    .footer-content {
        flex-direction: column;
    }
    .link-privacy ul {
        padding-left: 0px;
    }

    /* ===============================
    subscription responsive
    ============================== */
    .subscription-parent {
        gap: 20px;
    }
    /* ========================
    privacy policy css 
    ======================== */
    .privacy-text {
        width: 95%;
    }
    .privacy-content {
        padding: 25px 0px;
    }

    .link-privacy ul li a {
        color: #ff4f00;
        text-decoration: none;
        font-size: 14px;
    }

    .copy-right p {
        margin-bottom: 0px;
        font-size: 14px;
        color: #252525;
    }
    /* ===============================
    welcome responsive
    ============================== */
    .welcome-image .banner-image-two {
        width: 100%;
    }

    .code-selecter {
        padding: 12px;
    }
}


/* 30-8-2024 css start here */

@media(max-width:767px){

    .col-12.custom_column{

        width: 100%;

    }

    .roll_box span.user-name.sm_title {

        font-size: 14px;

    }

    .main_user_bx{

        align-items: center;

    }

    .user-img {

        width: 35px;

        height: 25px;

        border-radius: 50%;

        min-width: 25px;

    }

    body #main{

        padding: 0;

    }

    .navbar-brand img {

        height: 25px;

    }
    .header-nav .logo{
        display: block;
        /* margin-top: 25px; */
    }
    .header-nav .logo span.organization-name{
        display: contents;
    }
    .country-code-selecter{
        position: unset;
    }
    .form-login .tel-phone {
        display: flex;
        flex-direction: row-reverse;
    }
    .form-login .tel-phone input {
        border-radius: 0 10px 10px 0;
        border-left: unset;
        padding: unset;
    }
    .form-login .tel-phone input::placeholder{
        font-size: 10px;
    }
    .form-login .tel-phone .country-code-selecter select#country_code {
        padding: 10px 0 10px 10px;
        font-size: 10px;
    }
    .tel-phone .country-code-selecter {
        position: unset;
        width: 40%;
    }
    .radio-complain-button {
        display: block;
    }
    .radio-complain-button label.radio-button {
        justify-content: flex-start;
    }
    .review-section .comment-box textarea#Review-comment {
        width: 100%;
        margin-top: 5px;
    }
    .form-check.form-switch.newbtn-1 {
        width: 100%;
        padding: unset;
        margin: unset;
        float: unset;
        display: block;
    }
    .form-check.form-switch.newbtn-1 input {
        margin: unset;
    }
    .profile-buttons {
        /* margin-bottom: 10px; */
    }
}

/* 30-8-2024 css end here */




/* 21 Mar 2025 */
@media(max-width:1366px) and (min-width:1025px){
    .welcome-image .banner-image-two{
        height:calc(100dvh - 180px);
    }
}
@media(max-width:767px){
    div#accordionFlushExample .accordian-design:last-child {
        margin-bottom: 25px;
    }
    div#accordionFlushExample .accordian-design {
        width: calc(100% - 30px);
        margin-bottom: 0;
    }
    .privacy-content .privacy-text {
        width: 88%;
    }
}

@media(max-width:767px){
    .support-content .search-input.input {
        flex-direction: row;
    }
    .support-content .search-input.input input.input-elevated {
        margin-bottom: 0;
    }
    .support-content .search-input.input button.help-search {
        padding: 4px 20px;
    }
    .review-banner {
        padding: 40px 25px;
    }
    section#my-review .faq-section{
        padding: 0 10px;
    }
    section#my-review .faq-section .accordion-item.accordian-design {
        margin: 25px auto auto;
        width: calc(100% - 20px) !important;
    }
}