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

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

@media only screen and (max-width: 1340px) {
    #coupon_sec .checkout_card h6,#coupon_sec .price_dtls .total_price span,#coupon_sec .price_line span{
        width: 20%;
    }
    #coupon_sec .price_line h6, #coupon_sec .price_dtls .total_price h2,.w_blank{
        width: 80%;
    }

}
@media only screen and (max-width: 1200px) {
    .banner-img-w {
        height: auto;
        position: absolute;
        right: 0;
        width: 70%;
        top: auto;
    }
    .talent_post_comment{
        height: 50vh;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        margin: 0px 10px;
    }
}

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



    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: var(--font-38);
    }

    h3 {
        font-size: var(--font-26);
    }

    .log-h2 {
        font-size: 30px;
    }
    .welcome-part {
       padding-right: 30px;
    }
}


@media screen and (max-width: 1024px) {
    .user-div-appiled{
        /* margin-bottom: 10px; */
    }
    .back_btn {
        position: absolute;
        left: -25px;
        top: 20px;
    }

    h1 {
        font-size: 50px;
        line-height: 1.1em;
    }

    h3 {
        font-size: 24px;
    }
  

}




@media screen and (max-width: 991px) {
    .submt_img a{
        width: 100%;
    }
    .talent_post_comment {
        height: 22vh;
    }
    .job_dtl_pop {
        position: fixed;
        top: 0;
        background: #000000c7;
        height: 100%;
       left: 0;
        display: none;
        flex-direction: column;
        justify-content: center;
        z-index: 9999;
    }
    .filttr_side,.job_ds_job{
        width: 100% !important;
    }
    .status_of_job h5{
        color: white;
    }
    .job_dtl_pop_close{
        position: absolute;
        right: 20px;
        top: 20px;
    }
    .upgrade_card img{
        width: 100%;
        border-radius: 5px; 
    }
    .upgrade-ul li {
        font-family: 'Poppins';
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 15px;
    }
    .filttr_side{
        position: fixed;
        left: 0;
        width: 45%;
        background: white;
        top: 0;
        height: 100%;
        z-index: 9999;
        box-shadow: 1px 1px 5px #b3adad;
        padding: 20px 10px;
        transform: translateX(-110%);
        transition-duration: 1s;
    }
  .job_ds_job{
    position: fixed;
    top: 0;
    overflow-y: auto;
    padding: 20px 10px;
    right: 0;
    background: white;
    height: 100%;
    z-index: 999999;
    display: flex;
    justify-content: flex-start;
    width: 50%;
    transform: translateX(110%);
    transition-duration: 1s;
    box-shadow: 1px 1px 5px #a5a3a3;
    flex-direction: column;
  }
}



@media only screen and (max-width: 870px) {
    .main-edit-form{
        border: none;
    }
    .reg-vec{
        display: none;
    }
    .res-nav {
        display: block !important;
    }

 

    .res-logo-width {
        width: 75% !important;
    }

    .res-drop {
        display: block !important;
    }

    .home-nav-drop {
        list-style: none;
    }

    

    .navbar-nav {
        display: flex;
        flex-direction: row;
    }

   
   

    .responsive-none {
        display: none;
    }

    .pt-none {
        padding-top: 0px !important;
    }

    .res-pt {
        padding-top: 15px !important;
    }

    .res-none {
        display: none !important;
    }

    .job-card-flex {
        display: flex;
        flex-direction: column !important;
        justify-content: center !important;
        text-align: end !important;
    }

    .mobile-flex-job {
        display: flex;
        flex-direction: row !important;
    }

    .paid-btn {
        /* border: 0;
        padding: 4px 4px !important;
        border-radius: 5px;
        font-size: 10px !important;
        width: 100%; */
    }

    .company-w {
        width: 40px;
    }

    .res-card-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* number of lines to show */
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .res-ms-2 {
        margin-left: 13px !important;
    }

    .prem-btn {
        width: 81px;
        border-radius: 5px;
    }

    .days-p {
        border: 0;
        font-size: 10px !important;
        border-radius: 6px;
        color: #BD0000;
        font-weight: 600;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .me-none {
        margin-right: 0px !important;
        margin-left: auto;
    }

    /* .line-limit-2 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    } */
    .job-card {
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
        border-radius: 7px;
        width: 97%;
        margin: auto;
        border: 1px solid #dedede;
        margin-top: 20px;

    }

    .res-pt-2 {
        padding-top: 15px !important;
    }

    .res-ps-2 {
        padding: 0px 15px !important;
    }

    .default-p {
        font-size: 11px;
    }

    .user-div {
        margin: 17px 1px 5PX;
        width: 100%;
        border-left: 0px solid rgb(215, 215, 215);
        border-right: 0px solid rgb(215, 215, 215);
        margin-right: auto;
    }

    .user-div p {
        font-size: 11px;
    }

    .user-div img {
        width: 23px;
    }

    .ps-3-none {
        padding-left: 0px !important;
    }

    .res-loc {
        position: absolute;
        bottom: 19px;
        font-size: 12px;
    }

    .res-save {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 14px;
    }

    .bg-white-none {
        background-color: transparent !important;
    }

    .flex-colum {
        flex-direction: column !important;
    }

    /* .edit-img-div {
        width: 55% !important;
        margin: auto;
    } */

    .edit-form-w {
        width: 100% !important;
    }

    .edit-form {
        width: 100% !important;
        padding-top: 30px !important;

    }

    .edit-p-i {
        width: 100% !important;
        padding-top: 32px !important;
    }

    .js-states span {
        width: 100% !important;
    }

    .edit-name {
        /* padding: 12px !important; */
        font-size: 14px;
    }
    /* .bg-grey{
        background-color: white;
    } */
    .form-select {
        padding: 12px !important;
    }
    .filter_jb .form-select {
        padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
    }
    /* login */
    .register-box {
        margin: 18px;
    }

    .sign-part {
        padding-left: 0px !important;
        padding-bottom: 40px;
        margin-left: 0;
    }
.nav-link{
    padding: 0.5rem 0.5rem;
}
    .welcome-part {
        padding-bottom: 40px;
        border-right: 0px;
        padding-top: 40px;
        padding-left: 0px !important;
        padding-right: 0;
    }

    .flag input {

        width: 100%;
        border: 1px groove #e5dcdc;
        border-radius: 9px;
        padding: 14px 10px;
        box-shadow: 1px 3px 4px 0px #b1a8a852;
        font-size: 13px;
        padding-left: 68px !important;
    }
.pass_word_field.flag input{
    padding-left: 12px !important;
}
    .log-h2 {
        font-size: 19px;
    }

    .log {
        width: 50%;
    }

    .sign-part {
        padding-top: 0px;
    }

    .log-start-h2 {
        font-size: 25px;
    }

    .home-nav-drop .dropdown-menu {
        border-radius: 11px;
        left: auto;
        right: 0;
    }

    .mb-ser-h2 {
        font-size: 17px;
    }

    .mob-form-input {
        width: 100%;
        /* padding-left: 15px; */
        border: 1px solid #dddddd !important;
        padding: 9px;
        border-radius: 6px;
        font-size: 15px;
    }

    .mob-laction-input {
        border: 1px solid #cdcdcd;
        margin-top: 11px;
        border-radius: 6px;
    }

    .form-map2 {
        /* padding: 3px 10px 3px 15px; */
        width: 80% !important;
        padding: 7px !important;
        background: transparent;
        border-radius: 6px;
    }

    .switch-btn {
        width: 100% !important;
        margin-top: 20px;
    }

    .back-arrow {
        margin-left: 0px !important;
    }


    [slider] {
        position: relative;
        height: 14px;
        border-radius: 10px;
        text-align: left;
        margin: 45px 0 10px 0;
    }

    [slider]>div {
        position: absolute;
        left: 13px;
        right: 15px;
        height: 14px;
    }

    [slider]>div>[inverse-left] {
        position: absolute;
        left: 0;
        height: 14px;
        border-radius: 10px;
        background-color: #CCC;
        margin: 0 7px;
    }

    [slider]>div>[inverse-right] {
        position: absolute;
        right: 0;
        height: 14px;
        border-radius: 10px;
        background-color: #CCC;
        margin: 0 7px;
    }

    [slider]>div>[range] {
        position: absolute;
        left: 0;
        height: 14px;
        border-radius: 14px;
        background-color: #000000;
    }

    [slider]>div>[thumb] {
        position: absolute;
        top: -7px;
        z-index: 2;
        height: 28px;
        width: 28px;
        text-align: left;
        margin-left: -11px;
        cursor: pointer;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
        background-color: #FFF;
        border-radius: 50%;
        outline: none;
    }

    [slider]>input[type=range] {
        position: absolute;
        pointer-events: none;
        -webkit-appearance: none;
        z-index: 3;
        height: 14px;
        top: -2px;
        width: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    div[slider]>input[type=range]::-ms-track {
        -webkit-appearance: none;
        background: transparent;
        color: transparent;
    }

    div[slider]>input[type=range]::-moz-range-track {
        -moz-appearance: none;
        background: transparent;
        color: transparent;
    }

    div[slider]>input[type=range]:focus::-webkit-slider-runnable-track {
        background: transparent;
        border: transparent;
    }

    div[slider]>input[type=range]:focus {
        outline: none;
    }

    div[slider]>input[type=range]::-ms-thumb {
        pointer-events: all;
        width: 28px;
        height: 28px;
        border-radius: 0px;
        border: 0 none;
        background: red;
    }

    div[slider]>input[type=range]::-moz-range-thumb {
        pointer-events: all;
        width: 28px;
        height: 28px;
        border-radius: 0px;
        border: 0 none;
        background: red;
    }

    div[slider]>input[type=range]::-webkit-slider-thumb {
        pointer-events: all;
        width: 28px;
        height: 28px;
        border-radius: 0px;
        border: 0 none;
        background: red;
        -webkit-appearance: none;
    }

    div[slider]>input[type=range]::-ms-fill-lower {
        background: transparent;
        border: 0 none;
    }

    div[slider]>input[type=range]::-ms-fill-upper {
        background: transparent;
        border: 0 none;
    }

    div[slider]>input[type=range]::-ms-tooltip {
        display: none;
    }

    [slider]>div>[sign] {
        opacity: 0;
        position: absolute;
        margin-left: -11px;
        top: -39px;
        z-index: 3;
        background-color: #000000;
        color: #fff;
        width: 28px;
        height: 28px;
        border-radius: 28px;
        -webkit-border-radius: 28px;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
    }

    [slider]>div>[sign]:after {
        position: absolute;
        content: '';
        left: 0;
        border-radius: 16px;
        top: 19px;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top-width: 16px;
        border-top-style: solid;
        border-top-color: #000000;
    }

    [slider]>div>[sign]>span {
        font-size: 12px;
        font-weight: 700;
        line-height: 28px;
    }

    [slider]:hover>div>[sign] {
        opacity: 1;
    }



    .tab-slider--tabs {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        border-radius: 35px;
        overflow: hidden;
        background: #d8d8d8;
        height: 35px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .tab-slider--tabs:after {
        content: "";
        width: 58%;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45);
        background: #000000;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 250ms ease-in-out;
        border-radius: 35px;
    }

    .tab-slider--tabs.slide:after {
        left: 50%;
    }

    .tab-slider--trigger {
        font-size: 12px;
        line-height: 1;
        font-weight: bold;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        padding: 11px 20px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        display: inline-block;
        transition: color 250ms ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .tab-slider--trigger.active {
        color: #fff;
    }

    .tab-slider--body {
        margin-bottom: 20px;
    }

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

    .scroll-section {
        height: 100% !important;
        overflow-y: auto !important;
    }

    .p-j {
        padding: 0px !important;
    }

    .company-div {
        width: 40% !important;
    }

    /* .compny-img {
        width: 100% !important;
    } */

    .job-me {
        margin-right: 0px !important;
        padding-left: 15px;
    }

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

    .job-me h3 {
        font-size: 13px !important;
        margin-bottom: 0px;
    }

    .res-save-listing img {
        width: 17px;
    }

    .job-list .user-div2 {
        width: 46% !important;
    }

    .fw {
        font-size: 10px !important;
        /* padding-left: 10px !important; */
    }

    .web-none {
        display: block !important;
    }

    .upgrade-box {

        margin: 0px !important;
    }

    .upgrade-h2 {
        font-size: 24px !important;
      
        text-align: center;

    }

    .upgarde-flex {
        flex-direction: column !important;
        padding-left: 0px !important;
        text-align: center;
    }

    .upgrade-ul li {
        font-size: 16px !important;
        padding-bottom: 20px;
    }

    .res-center {
        margin: auto !important;
        text-align: center;

    }

    .res-footer {
        flex-direction: column;

    }

    .footer-logo-div img {
        width: 55%;
    }

    .footer-logo-div {
        text-align: center;
        padding-bottom: 15px;
    }

    .footer-ul {
        text-align: center;
        padding-left: 0;
    }

    .footer p {
        padding-bottom: 0px;
    }

    .app-dw h2 {
        font-size: 25px;
        text-align: center;
        padding-top: 23px;
        padding-bottom: 19px;
    }

   

    .app-img-p {
        padding: 25px;
    }

    .res-job-det {
        flex-wrap: wrap;
    }

    .job-det-paid {
        width: 22px !important;
    }

    .post-job-div {
        width: 100% !important;
        padding-top: 30px;
    }

    .apply {
        border: 0;
        background-color: black;
        color: white;
        padding: 12px 35px !important;
        border-radius: 8px;
        font-weight: 500;
        width: 100%;
    }

    .profile-head-box {
        flex-wrap: wrap;
        margin-top: 14px;
    }

    .profile-head-box h4 {
        font-size: 15px;

    }

    .profile-head-box h6 {
        font-size: 11px;

    }

    .res-none-ms {
        margin: 0px !important;
    }

    .res-claps-fz{
        font-size: 12px !important;
    }

    .prof-p {
        font-size: 12px;
    }
    .job-card-active .form-select{
        padding: 0.375rem 2.25rem 0.375rem 0.75rem !important;
    }

}



@media screen and (max-width: 768px) {
    .mobile-search-logo{
        display: flex !important;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 30px;
    }
    .tggle_area{
     
    margin-left: 0;
    justify-content: start;
    margin-top: 20px;
    }
  .msg-body ul li {
    list-style: none;
    margin: 4px 0px;
}
.talent_post_comment {
    min-height: 0;
    height: auto;
  }
  
.logo_mob{
    width: 100px;
  }
  
.white_borderd_card{
    min-height: auto;
}
.job-agent p{
    font-size: 14px;
    line-height: 22px;
}
.job-agent h3 {
    font-size: 20px;
    line-height: 24px;
}
.feature .arw_left, .feature .arw_right{
    display: none !important;
}
.border-exp::after{
    position: absolute;
    content: "";
    right: 0;
    height: 1px;
    width: 100%;
    background-color: #9E9E9E;
    top: auto;
    bottom: -10px;
}
    .res-nav {
        display: block !important;
    }

    /* .mobile-nav-ul {
        list-style: none !important;
        display: flex !important;
    } */

    .res-logo-width {
        width: 75% !important;
    }

    .res-drop {
        display: block !important;
    }

    .home-nav-drop {
        list-style: none;
    }

    .otp-btn {
        padding: 15px 18px;
        width: 100%;
        font-size: 14px;
    }
.iti--allow-dropdown{
    width: 100%;
}
   

    .navbar-nav {
        display: flex;
        flex-direction: row !important;
    }

    .mob-who {
        flex-direction: column !important;

    }

    .who-card {
        width: 100% !important;
    }

    .who-card img {
        width: 100%;
    }

    .who-heading {
        font-size: 30px !important;
    }
    .profle_counts h6{
        font-size: 14px;
     }
     .profle_counts h6 span{
       font-size: 24px;
       line-height: 30px;
       font-weight: 500;
     }
     .common_p {
        font-size: 14px;
        line-height: 23px;
        letter-spacing: 0.02em;
    }
    .brd_right{
        border-right: 0;
    }
    .dash-box.row>*{
        padding-right: calc(var(--bs-gutter-x) * 0.2);
        padding-left: calc(var(--bs-gutter-x) * 0.2);
    }
    .filter_side{
        position: fixed;
        left: 0;
        width: 100%;
        background: white;
        top: 0;
        height: 100%;
        z-index: 9999;
        box-shadow: 1px 1px 5px #b3adad;
        padding: 20px 10px;
        transform: translateX(-110%);
        transition-duration: 1s;
    }
    .back_btn {
        position: absolute;
        left: 15px;
        top: -12px;
    }
    .premium-box{
        height: 100%;
    }
    .icon:last-child{
        right: 0;
        background-color: #ebebeb;
        border-radius: 30px 0 0 30px;
        box-shadow: -1px 0px 10px 3px #a7a6a678;
    }
    .icon:first-child{
        left: 0;
        background-color: #ebebeb;
        border-radius: 0 30px 30px 0;
        box-shadow: -1px 0px 10px 3px #a7a6a678;
    }
    #coupon_sec .checkout_card img {
        width: 60px;
    }
    #coupon_sec .checkout_card h4{
        font-size: 14px;
    line-height: 24px;
    }
    #coupon_sec .checkout_card h6{
        font-size: 16px;
        line-height: 22px;
    }
    #coupon_sec .checkout_card .code_coupn h3{
        font-size: 14px;
    line-height: 16px;
    }
    #coupon_sec .price_dtls .carded{
        
    font-size: 15px;
    line-height: 18px;

    }
    #coupon_sec .price_line h6, #coupon_sec .price_dtls .total_price h2{
        font-size: 14px;
        line-height: 20px;
    }
    #coupon_sec .price_dtls .total_price span, #coupon_sec .price_line span{
        font-size: 14px;
        line-height: 20px;
    }
    #coupon_sec .price_line{
        margin-bottom: 10px;
    }
    #coupon_sec .coupon_head h4,#blog_detail .blog_head h4{
        font-size: 26px;
    line-height: 39px;
    }
    #blog_detail .blog_details h1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    #blog_detail .blog_details p{
        font-size: 14px;
        line-height: 26px;
    }
    #blog_detail .blog_details .blog_date{
        margin-bottom: 5px;
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 599px) {
    /* .image-canvas  .dropify-wrapper .dropify-message{
        top: 10%;
    } */
    .video_thumbnail .dropify-wrapper .dropify-message span.file-icon:after{
   
        font-size: 7px;
      }
      .video_thumbnail .dropify-wrapper.touch-fallback{
        padding: 0;
      }
    .info-img{
        width:100%
    }
    .profle_counts h6{
        font-size: 12px;
     }
     .profle_counts h6 span{
       font-size: 18px;
       line-height: 24px;
       font-weight: 500;
     }
     .user_profl.progress {
        border-radius: .5rem;
        height: 0.5rem;
    }
    .user_profl .progress-bar{
        font-size: 0;
    }
    .job-btn, .edit-btn{
        padding: 8px 5px;
    }
    .image-canvas,.profile-canvas{
        width: 95% !important;
    }
   
    .detail-box{
        width: 46%;
    }
    .date_posted{
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
    }
    .date_posted p{
        margin-bottom: 5px;
    }
    .upgrade-p1{
        font-size: 24px;
        line-height: 35px;
    }
    .upgrade-p2 {
        font-size: 40px;
        line-height: 55px;
    }
    #coupon_sec .code_coupn {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    #coupon_sec .checkout_card .code_coupn h3{
        margin-bottom: 10px;
    }
    .log-start-h2 {
        font-size: 20px;
    }
    
    
    
}

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

    h1 {
        font-size: 36px;
    }

    h2 {
        line-height: 1.3em;
        font-size: var(--font-26);
    }

    h3 {
        font-size: var(--font-22);
    }

    h5 {
        font-size: var(--font-18);
    }


    .dashbrd .nav-tabs{
        display: flex;
        flex-wrap: nowrap;
      }
      .dashbrd .nav-tabs .nav-link.active, .dashbrd .nav-tabs .nav-item.show .nav-link{
        padding: 9px 10px;
      }
      .status_of_job {
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
        flex-direction: column;
    }
    .status_of_job .job_stts{
        margin-left: 0;
        margin-top: 10px;
    }
    .name_commnt {
        display: flex;
        margin-left: 10px;
        align-items: flex-start;
        width: 90%;
        flex-direction: column;
    } 
    .name_commnt p{
        margin-left: 0;
        margin-top: 5px;
    }
    .follow-img {
        border-radius: 90px;
        width: 35px;
        height: 35px;
    }
    .follow_sec h6{
        font-size: 12px  ;
     }
     .follow_sec h5{
       font-size: 14px;
     }
     .agncy_tabs .nav{
        display: flex;
        flex-wrap: nowrap;
      }
      .nav-tabs .nav-item .nav-link {
       font-size: 12px;
        padding: 10px 8px;
    }
    .our_contact p{
        font-size: 12px;
    line-height: 19px;
    }
    .our_contact img{
        width: 22px;
    }
    .vd_icon img{
        width: 30px;
    }
    .multi_post_ic {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 20px;
    }
    #coupon_sec .price_dtls .total_price span, #coupon_sec .price_line span {
        width: 25%;
    }
    #coupon_sec .price_line h6, #coupon_sec .price_dtls .total_price h2,.w_blank {
        width: 75%;
    }
    .follow-btn {
        padding: 5px 8px;
        border-radius: 4px;
        font-size: 10px;
    }
    .banner-img-w {
        width: 113%;
        bottom: 12px;
         /* display: none; */;
    }
}
@media screen and (max-width:400px){
    #feed_section .feed_comments .clap_feed span{
        font-size: 12px;
    }
    #feed_section .feed_comments .clap_feed{
        margin: 0 15px;
    }
    /* #feed_section .feed_comments .clap_feed img {
        width: 40%;
    } */
    #feed_section .feed_comments .share_feed img {
        width: 72%;
    }
    #feed_section .feed_comments .comment_inp{
        padding: 5px;
    }
    #feed_section .feed_comments .comment_inp img {
        width: 20px;
        height: 20px;
    }
    #feed_section .feed_comments .comment_inp span{
        font-size: 10px;
        line-height: 16px;
    }
    #feed_section .feed_descri p{
        font-size: 11px;
    line-height: 16px;
    }
    #feed_section .feed_post_date{
        font-size: 10px;
        line-height: 16px;
    }
    #feed_section .feed_single .img_user_feed {
        width: 45px;
        height: 45px;
    }
    #feed_section .follow_btn {
        border-radius: 6.669px;
        padding: 1px 8px;
        
        font-size: 9px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.6);
    }
    
}
@media screen and (max-width:360px) {
    .talent_user_name h6{
        font-size: 14px;
    }
   
    .noti_tab .nav-link{
      padding: 5px 10px;
    }
    .follow-btn{
        font-size: 9px;
    }
    .msg-head h3 {
        font-size: 12px;
    }
    .msg-head p {
        font-size: 11px;
    }
    
    #coupon_sec .checkout_card .cardds{
        display: flex;
    justify-content: space-between;
    align-items: flex-end;
    }
    #coupon_sec .checkout_card .cardds .sntrrr{
        display: flex;
    align-items: flex-start;
    flex-direction: column;
      }
      #coupon_sec .checkout_card h4 {
        font-size: 12px;
        line-height: 24px;
        margin-left: 0 !important;
        margin-top: 10px;
    }
}
@media screen and (min-width:767px) {
    .filter_show_btn{
        display: none;
    }
  
}
@media screen and (min-width:992px) {
    .job_dtl_pop_close{
        display: none;
    }
    .filter_icon{
        display: none;
    }
  .fltr_cls{
    display: none;
  }
  .cls_job_dtl{
    display: none;
  }
  .mobile-botom-nav{
    display: none;
  }
  .mobile-header{
    display: none;
  }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .chatlist{
        width: 315px;
    } 
}
@media screen and (max-width:1440px)  and (max-height:991px) {
    .chat-area {
        height: 85vh;
}
}
@media screen and (max-width:767px)  and (max-height:900px) {
    .chat-area {
    height: 75vh;
}
}
@media screen and (max-width:767px) and (max-height:800px) {
    .chat-area {
    height: 75vh;
}
}
@media screen and (max-width:767px) and (max-height:767px) {
    .chat-area {
    height: 60vh;
}

.comment_type .post_btn{
    /* font-size: 0;
    padding: 0 7px; */
}
}
@media screen and (max-width:767px) and (max-height:600px) {
    .chat-area {
    height: 70vh;
}
}
@media screen and (max-width:767px) and (max-height:550px) {
    .chat-area {
    height: 70vh;
}
}

@media screen and (max-width:991px) {
    .job_logo img{
        width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 10px;
    }
    .job_logo {
        width: 50px;
        height: 50px;
        display: flex;
    }
    .job-agent h3 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 0px;
    }
    .mbl_none{
        display: none;
    }
    .dm_40{
        width: 50px;
      
      }
    .prem-btn.mbl {
        width: 34px;
        display: flex;
    }
    .user-div-appiled{
        border-right: 0;
    }
}
@media screen and (min-width:991px) {
 .apply_btn_dummy{
    display: none;
 }   
 .bnr_cls{
    display: none;
 }
}

@media screen and (max-width:991px) {
    .banner-form{
        position: fixed;
        top: 0;
        margin: 0 !important;
        left: 0;
        border-radius: 0;
        height: 100%;
        display: flex;
        align-content: flex-start;
        padding-top: 10%;
        transition: all 5s ease-in-out;
    }

    .banner-form .mb-inputs{
        min-height: 46px;
        border: 1px solid #c9c9c9;
        border-radius: 7px;
        margin-bottom: 18px;
        display: flex;
        align-items: center;
    }
    .banner-form .mb-inputs .border-right{
        border-right: 0 !important;
    }
    .banner-ser-btn{
        border-radius: 7px;
        width: 100%;
        margin-top: 20px;
    }
    .btn-color-mode-switch{
        width: 100%;
    }
    .btn-color-mode-switch>label.btn-color-mode-switch-inner{
        width: 100%;
    }
    .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after{
        left: auto;
    }
    .btn-color-mode-switch>label.btn-color-mode-switch-inner:before{
        right: 70px;
    }
    .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:before{
        left: 70px;
    }
    .btn-color-mode-switch>label.btn-color-mode-switch-inner{
        border-radius: 7px;
    }
    .btn-color-mode-switch>label.btn-color-mode-switch-inner:after{
        border-radius: 7px;
        width: 50%;
    }
    .switchermb{
        padding: 0;
    }
}
@media screen and (max-width:767px) {
    .cht_mb_ic{
    font-size: 0;
    padding: 5px 7px !important;
}
.paid-btn{
    padding: 0;
}
.slick-arrow{
    display: none  !important;
}
.slick-slider{
    padding: 0;
}
.cht_mb_i img{
    margin-right: 0.5rem!important;
}
    .reg-main-p{
        padding: 0;
        
    height: 100vh
    }
    .post-photo img{
        width: 50%;
    }
    /* .user-div-appiled{
        margin-bottom: 5px;
    } */
    .footer_log{
        display: none;
    }
    .mobile_body{
        max-height: 100vh;
        
    }
    .register-box{
        padding: 0;
        box-shadow: none;
        margin: 0;
    }
    .register-bg{
        background-color: #fff;
    }
    /* .who-p2{
        bottom: 0;
        top: 20px;
    }
    .who-card.who2 .carousel-indicators{
        bottom: auto !important;
        top: 160px;
    } */
    .box_shd_btm{
        box-shadow: none;
    }
    .box_shd_btm{
        height: 100%;
    }
    .box_shd_btm .mb_heigh{
    height: 100%;
    }
    .who-p2 p strong, .who-p p strong {
        font-size: 70px;
    }
    .drop-p .dropify-wrapper.touch-fallback{
        aspect-ratio: 1;
    }
    .save-change-btn{
        width: 100%;
        padding: 11px 17px;
    }
    .mbl_footer_none{
        display: none;
    }
}
@media screen and (min-width:991px) {
    .search_mobile_filter{
        display: none;
    }
}
/* @media screen and (max-width:991px) {
    .job_list_scrol{
        max-height: 100%;
    }
} */

@media screen and (max-width:560px) {
    .dash_dtluser h5{
        font-size: 20px;
        margin-bottom: 8px;
    }
    .multi_post{
        width: 20px;
    }
    .profl_cmplt p{
        font-size: 12px;
    }
    .complete-p-button {
        padding: 7px 9px;
        font-size: 8px;
    }
    .p_zero_mb{
        padding: 0px 8px;
    }
    /* .bk_mrk img{
        width: 18px;
    } */
    .upgradeN_card_body {
        padding: 10px 5px;
    }
    .upgradeN_card_hed h2{
        font-size: 20px;
        padding: 10px 10px 0 10px;
    }
    .skip_btn_up {
        position: initial;
        right: 5px;
        top: 28%;
        display: flex;
        padding: 0 10px 10px;
        font-size: 13px;
        justify-content: flex-end;
    }
    .skip_btn_up a{
        padding: 4px 12px;
        font-size: 10px;
    }
    .updrade_lists ul {
        padding: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .updrade_lists ul li{
        margin-bottom: 15px;
        font-size: 14px;
    }
    .foot_Price_card {
        padding: 6px 10px;
    }
    .foot_Price_card h3{
        /* font-size: 10px; */
    }
    .payment_butn{
        /* padding: 5px;
        font-size: 10px; */
    }
    .foot_Price_card h3 strong {
        /* font-size: 18px; */
    
    }
    .foot_Price_card h3 span {
        font-size: 14px;
    }
    .upgradeN_card_foot {
        padding: 5px;
    }
    .faq_list.accordion-flush .accordion-item h2 button{
        padding: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .faq_list .accordion-body{
        padding: 10px;
        font-size: 12px;
    }
    .icon_pr{
        right: 0;
    }
    .noti_cnt_t {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .noti_content .msg-p{
        margin-left: 7px;
    }
    .tal-det-h6{
        font-size: 12px;
    }
    .user-name{
        font-size: 12px;
    }
    .name_hm {
        font-size: 12px;
    }
    .plus img,.clap img, .save img{
        width: 20px;
    }
    .num{
            bottom: 10px;
    left: 40px;
    }
    .welcome-part{
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (max-width:1200px) {
    .footer_links ul{
        padding-left: 0;
        display: flex;
        list-style: none;
        flex-wrap: wrap;
        width: fit-content;
        margin-bottom: 0;
        justify-content: center;
    }
    .footer_links {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
} 


@media screen and (max-height:767px) {
    .scroll_center{
        height: 70vh;
    }
}