@media (min-width: 1200px){
    .container {
        max-width: 1500px;
        padding: 0 30px;
    }    
}
/* @media (min-width: 1400px){
    .container {
        max-width: 1380px;
    }    
}
@media (min-width: 1600px){
    .container {
        max-width: 1500px;
    }    
} */

@media(min-width: 1600px){
    .job_modal .modal-dialog{
        max-width: 1050px;
    }
}
@media(max-width:1460px){
    .fixed_bid .countdown_bx{
        width: 422px;
    }
    .bid_carOuter .thumb_nav a{
        height: 197px;
    }
}
@media(max-width: 1365px){
    .skill_menu li a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 12px;
    }
    .more_skill a {
        height: 40px;
        line-height: 40px;
        padding: 0 12px;
        font-size: 14px;
    }
    .more_skill {
        margin-left: 10px;
    }
    .more_skill a i {
        margin-left: 0;
    }
    .experts_holderPic{
        min-width: 90px;
        height: 90px;
        width: 90px;
    }
    .experts_holdertext {
        padding-left: 15px;
    }
    .expert_details .jb_rating span {
        font-size: 14px;
    }
    .jb_rating h6{
        margin-left: 5px;
    }
    .top_evntdetails_bx .topdetails_left{
        width: 55%;
    }
   .top_evntdetails_bx .topdetails_right{
       width: 45%;
   }
   .evnt_catagory_list li a{
       font-size: 13px;
   }
   .job_detailspnl .product_pic{
       height: 165px;
   }
   .fixed_bid .countdown_bx {
    width: 365px;
}
.countdown_bx{
    padding: 25px 15px;
}
.bid_carOuter .thumb_nav a {
    height: 170px;
}
.grp_piclft_pnl .grp_picItem, .group_pic {
    height: 220px;
}
.grp_picright_pnl .grp_picItem {
    height: 105px;
}
.list_box .grp_piclft_pnl .grp_picItem, .list_box .group_pic, .list_box .grp_picright_pnl .grp_picItem {
    height: 100px;
    width: 100px;
}
.topdetails_left .job_hdng h3 {
    font-size: 26px;
}
.info_rating ul li{font-size: 13px;}

.training_bluebx .topdetails_left {
    width: 60%;
}
.training_bluebx .topdetails_right{
    width: 40%;
}
}
@media(max-width: 1199px){
    .checkout_area {
        padding: 110px 0 50px;
    }
    .chkout_hdng h2, .model_Hdng h2{
        font-size: 26px;
    }
    .consumer_slctItem .input_fill {
        margin-bottom: 20px;
    }
    .addons_tabLinks ul{
        padding: 15px;
    }
    .add_btn a{
        font-size: 14px;
    }
    .footer_outer {
        padding: 50px 0;
    }
    .financing_area {
        padding: 30px 0;
    }
    .accordion .card-body{
        padding: 20px 0;
    }
    .job_slct_row {
        margin: 20px 0 0;
        width: 100%;
    }
    .job_hdng h3{
        font-size: 20px;
    }
    .job_hdng h5{
        font-size: 14px;
    }
    .job_modal .modal-dialog {
        padding: 0 20px;
    }
    .topdetails_left .job_hdng h3 {
        font-size: 24px;
    }
    .details_value h4{
        font-size: 14px;
    }
    .addons_tabLinks ul li a{
        padding: 0 5px;
    }
    .details_tags .jb_rating {
        margin-right: 6px;
    }
    .job_tags ul li{
        font-size: 12px;
    }
    .maplist_pnl .product_pic {
        height: 150px;
        min-width: 140px;
        width: 140px;
        margin-bottom: 0;
    }
    .prdct_detailsHdng h2{
        font-size: 22px;
    }
    .prdctdetails_rating a, .cmpany_text h5{
        font-size: 14px;
    }
    .details_price h3 {
        font-size: 18px;
    }
    .job_slct_row.expertslct_row{
        display: none;
    }
    .exprt_filter_btn {
        display: block;
    }
    .exprt_filter_btn a{
        border: 1px solid #CECEDB;
        border-radius: 8px;
        height: 47px;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8E8EA6;
    }
    .expertbx_item{
        padding: 20px 15px;
    }
    .jb_rating h6 {
        margin-left: 4px;
        font-size: 12px;
    }
    .expert_details .jb_rating span {
        font-size: 14px;
    }
    .exper_name h3{
        font-size: 16px;
    }
    .exper_name h5 {
        font-size: 13px;
    }
    .filter_skillpnl {
        position: fixed;
        left: 0;
        right: 0;
        bottom: -100%;
        background-color: #fff;
        z-index: 99;
        padding: 20px;
        height: 88%;
        transition: 0.5s;
        overflow-y: auto;
    }
    .filters_exprtHdng, .filter_skillpnl .expertslct_row {
        display: flex;
        width: 100%;
    }
    .filters_exprtHdng {
        text-align: center;
        justify-content: center;
        margin-bottom: 25px;
    }
    .more_skill{
        display: none;
    }
    .filters_exprtHdng h3{
        font-size: 25px;
        color: #1D1C4C;
        font-weight: 600;
    }
    .filter_back{
        color: #8E8EA6;
        position: absolute;
        left: 20px;
        top: 22px;
    }
    .filter_back:hover{
        color: #1D1C4C;
    }

    .skill_menu_outer > label {
        font-size: 14px;
        margin: 0 0 15px;
        min-width: 100%;
    }
    .skill_menu_outer{
        flex-wrap: wrap;
        padding-top: 15px;
    }
    .skill_menu ul{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .skill_menu ul li{
        margin: 0 5px 5px 0;
    }
    .skill_menu {
        width: 100%;
    }
    .expert_box_outer {
        padding: 15px 0 0;
    }
    .expert_filteropen .filter_skillpnl{
        bottom: 0;
    }
    .hire_meBtn{
        display: block;
        margin: 15px 0 0;
    }
    .details_rightPnl{
        padding: 20px 15px;
    }
    .experts_profiles_row{
        padding: 15px 0;
    }
    .experts_holdertext h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .experts_holdertext .expert_details .jb_rating:last-child{
        margin-right: 0;
    }
    .top_detailsBx{
        padding: 20px 15px;
    }
    .exper_detailsSec .topdetails_right {
        width: 24%;
    }
    .exper_detailsSec .topdetails_left {
        width: 76%;
    }
    .experts_skill li a{
        font-size: 14px;
    }
    .additional_info h3, .additional_info a{
        font-size: 14px;
    }
    /* .date_text h5{
        font-size: 12px;
    } */
    .date_text {
        display: none;
    }
    /* .asign_top{
        display: none;
    } */
    .asign_mobile, .mobile_date {
        display: flex;
        justify-content: flex-start;
    }
    .top_evntdetails_bx .topdetails_left {
        width: 100%;
    }
    .asign_mobile{
        margin-bottom: 10px;
    }
    .mobile_date{
        margin-bottom: 20px;
        background-color: #E8604D;
        display: inline-block;
        padding: 8px 10px;
        border-radius: 8px;
    }
    .mobile_date h5{
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }
    .mobile_date i{
        font-size: 18px;
    }
    .evnt_rght_bttm {
        margin-top: 15px;
    }
    .evnt_rght_bttm .share_btn {
        margin-bottom: 0;
        position: absolute;
        right: 10px;
        bottom: 35%;
    }
    .top_evntdetails_bx .topdetails_right {
        width: 100%;
    }
    .evnt_rght_bttm .basic_btn{
        width: 100%;
    }
    .job_detailspnl .product_pic {
        height: 250px;
    }
    .evnt_gallery_item{
        width: 25%;
    }
    .inner_tab_links li a{
        padding: 10px 15px;
    }
    .ranking_tableinnr td span, .ranking_tableinnr .modal_progres label{
        font-size: 13px;
    }
    .ranking_tableinnr th, .ranking_tableinnr td{
        padding: 10px;
    }
    .ranking_tableinnr th{
        font-size: 14px;
    }
    .inner_tab_pane .team_usr_pic {
        height: 60px;
        width: 60px;
        min-width: 60px;
    }
    .feedback_btn a{
        font-size: 13px;
    }
    .ranking_mdlPnl li a{
        font-size: 14px;
    }
    .ranking_tableinnr  td p{
        font-size: 13px;
    }
    .right_cardetailsPnl{
        padding-left: 25px;
    }
    .scroll_bx {
        max-height: 370px;
    }
    .jb_rating  h6 em{
        display: none;
    }
    .invite_msgBody .description_fill .form-control {
        height: 260px;
    }
    .survey_hdng h3{
        font-size: 18px;
    }
    .bid_carOuter .slider_pnl {
        width: 76%;
    }
    .bid_carOuter .thumb_pnl {
        width: 24%;
    }
    .bid_carOuter .thumb_nav a {
        height: 120px;
    }
    .countdown_bx ul {
        margin: 0 -2px;
    }
    .countdown_bx ul li {
        padding: 0 2px;
    }
    .countdown_bx ul li a span{
        font-size: 24px;
        line-height: 34px;
    }
    .countdown_bx ul li a{
        padding: 10px 6px;
    }
    .countdown_bx .purchase_btnOuter a{
        font-size: 14px;
    }
    .fixed_bid .countdown_bx {
        width: 296px;
    }
    .grp_piclft_pnl .grp_picItem {
        height: 175px;
    }
    .grp_picright_pnl .grp_picItem {
        height: 82px;
    }
    .group_pic {
        max-height: 175px;
    }
    .list_box .groups_imgbx_pnl{
        width: 45%;
    }
    .list_box .groups_textbx_pnl {
        width: 55%;
    }
    .event_slctOuter .job_slct_row{
        display: none;
    }
    .job_box_outer {
        padding: 25px 0 0;
    }
    .mobile_slctFilter .job_slctItem {
        width: 50%;
        padding: 0 5px;
    }
    .top_group_bx .topdetails_right{
        order: 1;
    }
    .top_group_bx .topdetails_left {
        order: 2;
    }
    .top_group_bx .evnt_rght_bttm .share_btn{
        position: static;
    }
    .top_group_bx .evnt_rght_bttm {
        margin-top: 0;
    }
    .top_evntdetails_bx .top_detailsBx.top_group_bx{
        padding-top: 15px;
    }
    .event_bxItem .event_tags{
        flex-wrap: wrap;
    }
    .event_tags .jb_rating{
        margin-right: 7px;
        margin-bottom: 7px;
    }
    .lesson_rating_row{
        padding: 15px;
    }
    .lesson_time ul li{
        font-size: 14px;
    }
    .lesson_status {
        font-size: 14px;
    }
    .lessons_lftpnl {
        width: 35%;
    }
    .lessons_rightpnl {
        width: 65%;
    }
    .lesson_hdng h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .lesson_detailsHdng h2{
        font-size: 21px;
    }
    .task_item {
        padding: 15px;
    }
    .course_text h3{
        font-size: 15px;
    }
    .course_icon {
        height: 38px;
        width: 38px;
        min-width: 38px;
    }
    .course_icon i{
        font-size: 19px;
    }
    .stories_text a{
        font-size: 15px;
    }
    .scorebx_innr{
        padding: 15px;
    }
    .scorebx_innr h5 {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .scorebx_innr h4{
        font-size: 14px;
    }
    .course_vdopnl iframe {
        height: 365px;
    }
    .course_lessons_row{
        padding: 15px 15px;
        height: auto;
    }
    .course_lessons_lft p{
        font-size: 14px;
    }
    .tab_links .nav-tabs .nav-link{
        min-width: 140px;
    }
}
@media(max-width: 991px){
    .boking_content {
        padding-top: 0;
    }
    .inbtns .slick-arrow{
        height: 40px;
        width: 40px;
    }
    .tabcont_right{
        padding: 25px 0 0;
    }
    .basic_btn, .back_btn {
        line-height: 50px;
        padding: 0 15px;
        font-size: 14px;
    }
    .input_fill {
        margin-bottom: 15px;
    }
    .ftrpnl_outer .col-lg-7{
        order: 2;
    }
    .ftrpnl_outer .col-lg-5{
        order: 1;
    }
    .ftr_socialpnl{
        justify-content: center;
        margin-bottom: 15px;
    }
    .ftr_linkpnl {
        text-align: center;
    }
    .ftr_link ul{
        justify-content: center;
    }
    .consumer_slctItem .input_fill {
        margin-bottom: 15px;
    }
    .consumer_topSlct_area {
        padding: 30px 20px 15px;
    }
    .input_fill .form-control{
        font-size: 14px;
    }
    .table_innr {
        overflow-x: auto;
    }
    .job_titlebx{
        width: 100%;
        margin-bottom: 10px;
    }
    .find_job {
        position: static;
        right: inherit;
        top: inherit;
        width: 20%;
    }
    .job_loactionbx {
        width: 80%;
        padding: 0 5px;
    }
    .top_jobsrch_row{
        padding-right: 0;
    }
    .job_box_outer {
        padding: 30px 0 0;
    }
    .results_leftPnl{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .results_leftPnl .job_bxItem {
        width: 48.5%;
    }
    .job_box_outer .col-lg-4 .job_pagination {
        padding: 0 0 0;
        margin-bottom: 30px;
    }
    .border_btn{
        line-height: 40px;
        padding: 0 15px;
        font-size: 14px;
    }
    .result_btnArea .border_btn {
        line-height: 38px;
    }
    .details_input_txt label{
        margin-bottom: 10px;
    }
    .details_rightPnl{
        margin-top: 15px;
    }
    .prdct_toplft {
        display: none;
    }
    .prdct_topright {
        width: 100%;
        justify-content: space-between;
    }
    .view_icon{
        display: none;
    }
    .sort_slct {
        display: none;
    }
    .srch_filterBtn {
        display: block;
    }
    .prdctfilter_btn a{
        height: 36px;
        width: 36px;
    }
    .filter_pnl {
        position: fixed;
        left: 0;
        right: 0;
        bottom: -100%;
        background: #fff;
        z-index: 102;
        padding: 50px 0px 20px;
        box-shadow: 0 0 25px rgb(0 0 0 / 15%);
        height: 75%;
        transition: 0.4s;
        transform: none;
        width: 100%;
        top: inherit;
    }
    .filter_outerbx {
        height: 100%;
        overflow-y: auto;
        padding: 0 20px;
    }
    .filter_open .filter_pnl{
        bottom: -1px;
    }
    .sort_item {
        display: block;
    }
    .filter_name h4{
        font-size: 15px;
    }
    .list_cross{
        display: flex !important;
    }
    .product_filtr_item, .filter_hdng {
        padding: 10px 0;
    }
    

    .product_area {
        padding: 85px 0 40px;
    }
    .mobile_product_srch {
        display: block;
        margin-bottom: 20px;
    }
    .mobile_product_srch .form-control{
        background: #FFFFFF;
        box-shadow: 0px 2px 5px rgba(189, 188, 223, 0.6);
        border-radius: 8px;
        height: 50px;
        padding: 0 20px 0 40px;
        background-image: url(../images/search.svg);
        background-repeat: no-repeat;
        background-position: left 15px top 50%;
        font-size: 15px;
        color: #8E8EA6;
    }
    .mob_goBtn{
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10%;
        z-index: 9;
    }
    .mob_goBtn a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 40px;
        padding: 0 20px;
    }
    .mob_goBtn a i{
        margin-right: 5px;
        display: inline-block;
        width: 15px;
        font-size: 18px;
    }
    .mob_listBtn {
        display: block;
    }
    .product_srchOuter {
        overflow: hidden;
    }
    .maplist_pnl {
        margin: 0 0 -2000px;
        transition: 0.4s;
    }

    .product_map {
        height: 400px;
        transition: 0.6s;
    }
    .list_open .product_map{
        margin-top: -150%;
    }
    .list_open .maplist_pnl {
        margin: 0;
    }
    .list_open .mob_listBtn {
        display: none;
    }
    .list_open .mob_mapBtn {
        display: block;
    }
    .page_back.mob_back {
        display: block;
        margin: 0;
    }
    .prdct_detailspnl {
        padding-left: 0;
        padding-top: 30px;
    }
    .prdct_detailspnl .share_btn{
        top: 30px;
    }
    .policy_para p{
        font-size: 14px;
    }
    .report_prgress_top{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .report_prgress_top h4{
        width: 100%;
        margin-bottom: 15px;
    }
    .sustanble_rightpnl{
        padding-top: 30px;
    }
    .results_para p, .results_lising li{
        font-size: 14px;
    }
    .affilate_leftPnl{
        text-align: center;
        margin-bottom: 20px;
    }
    .feedback_usrTop{
        padding: 20px 30px;
    }
    .job_detailspnl .product_pic {
        height: 285px;
    }
    .prct_details_editBtn a{
        height: 42px;
        width: 46px;
    }
    .inner_tab_links li a{
        font-size: 14px;
    }
    .modal_hdng h4{
        font-size: 18px;
    }
    .inner_tab_links li a i {
        margin-right: 5px;
        font-size: 19px;
    }
    .participantHdng_outer .hdr_srchbar .form-control{
        height: 42px;
        font-size: 14px;
    }
    .ranking_tableinnr th a{
        position: static;
    }
    .question_mdl .modal-body {
        padding: 20px 20px;
    }
    .auction_bidHow .modal-body {
        padding: 45px 20px;
    }
    .how_bidHdng h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .how_bidHdng p, .bid_nmbrtext p {
        font-size: 14px;
    }

    .left_carpnl {
        width: 100%;
    }
    .right_cardetailsPnl {
        padding-left: 0;
        width: 100%;
        margin: 30px 0 0;
    }
    .exprt_iconBtn ul li a{
        height: 42px;
    }
    .list_box .list_arw {
        display: none;
    }
    .survey_para p{
        font-size: 14px;
    }
    .invite_iconBx li{
        width: 25%;
    }
    .icon_text{
        font-size: 14px;
    }
    .invite_bx i {
        height: 50px;
        width: 50px;
    }
    .bid_carOuter .thumb_nav a {
        height: 150px;
    }
    .bid_carOuter .thumb_pnl {
        width: 26%;
    }
    .bid_carOuter .slider_pnl{
        width: 74%;
    }
    .bid_tags {
        justify-content: flex-start;
        margin: 15px 0 0;
    }
    .countdown_bx {
        padding: 25px 15px;
        position: fixed;
        left: 15px;
        right: 15px;
        bottom: 0;
        margin: 0 auto;
        z-index: 99;
    }
    .bid_priceBx{
        margin: 10px 0;
        padding: 10px;
    }
    .bid_priceBx h3{
        font-size: 22px;
    }
    .list_box .groups_textbx_pnl {
        width: 100%;
    }
    .list_box .groups_imgbx_pnl {
        width: 100%;
    }
    .list_box .grp_picOuter{
        margin-left: 0;
    }
    .event_tags{
        margin-bottom: 10px;
    }
    .register_hdngTop h2{
        font-size: 22px;
        line-height: 32px;
    }
    .connect_pic{
        margin-bottom: 25px;
    }
    .register_btnOuter.nxtback_outer{
        margin-top: 30px;
    }
    .course_outer.job_box_outer {
        padding-top: 0;
    }
    .training_bluebx .topdetails_left {
        width: 100%;
    }
    .training_bluebx .topdetails_right{
        display: none;
    }
    /* .traning_star {
        position: static;
        margin: 30px auto 0;
    } */
    .caption_text{
        padding: 15px;
    }
    .caption_text h5{
        font-size: 18px;
    }
    .lessons_lftpnl{
        display: none;
    }
    .lessons_rightpnl {
        width: 100%;
        padding: 0;
    }
    .lessons_rightpnl .job_detailspnl {
        padding: 0;
        margin-top: 0;
        border: 0;
    }
    .job_detailspnl{
        padding: 20px;
    }
    .certificate_hdng h2{
        font-size: 32px;
    }
    .lesson_detailsHdng h2 br{
        display: none;
    }
    .task_textPnl p {
        font-size: 14px;
        line-height: 22px;
    }
    .time_rounded{
        font-size: 14px;
    }
    .job_detailspnl_innr .tab-content {
        padding: 20px;
    }
    .lessons_lftpnl {
        display: block;
        width: 100%;
    }
    .lessons_rightpnl {
        width: 100%;
        padding: 0;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 100;
        bottom: 0;
        background-color: #fff;
        transition: 0.5s;
        top: 100%;
        overflow-y: auto;
    }
   
    .back_progressOuter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0,0,0,0.16);
        padding: 15px;
    }
    .back_progressOuter .page_back{
        margin-bottom: 0;
    }
    .back_progressOuter .invite_progressouter{
        width: 100%;
    }
    .progress_courseOuter {
        margin-bottom: 20px;
        /* position: fixed; */
        left: 0;
        right: 0;
        top: 0;
        z-index: 9;
    }
   .progress_courseOuter .invite_progressouter{
       height: 3px;
   }
   .progress_courseOuter .invite_progress_bar{
       height: 3px;
   }
   .back_progressOuter .page_back a{
       color: #1D1C4C;
   }
   .progress_text h5{
       font-size: 16px;
       color: #373744;
   }
   .progress_text h5 span{
       font-weight: 600;
   }
   .job_detailspnl_innr {
    padding: 75px 0;
}
.lessons_tablink {
    /* position: fixed; */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.course_open{
    overflow: hidden;
}
.course_open .lessons_rightpnl{
    top: 0;
}
.course_open .lessons_tablink{
    position: fixed;
}
.course_open .progress_courseOuter{
    position: fixed;
}
.course_open .course_sec{
    z-index: 100;
}
.lessons_tablink .nav-tabs{
    border-radius: 0;
}
.progress_courseOuter{
    display: block;
}
.course_uploadOuter .col-lg-3{
    display: none;
}
.back_progress {
    display: block;
}
.nxt_prvbtn_Outer .basic_btn, .nxt_prvbtn_Outer .border_btn{
    height: 44px;
    display: inline-flex;
    align-items: center;
    line-height: normal;
}
.course_lessons_lft {
    width: 60%;
}
.course_lessons_lft p {
    font-size: 13px;
    line-height: 24px;
}
.lessns_edit {
    margin-right: 15px;
}
.ux_details_popupArea{
    width: 100%;
}
.ux_tabs_area .inner_tab_links li{
    margin-right: 35px;
}
.ux_tabs_area .inner_tab_links li:last-child{
    margin-right: 0;
}
.taskpnl_outer {
    padding: 15px 15px 40px;
}
.course_details_sec .topdetails_right{
    /* display: none; */
    width: 100%;
    margin-top: 20px;
}
.asign_top, .tags_menu{
    justify-content: flex-start;
}
.tab_links .nav-tabs .nav-link{
    min-width: 120px;
}
.tab_links{
    overflow-x: auto;
    overflow-y: hidden;
}
.course_detailspnl_innr{
    padding: 75px 0;
}
.ftr_logo{
    text-align: center;
    margin-bottom: 30px;
}
.course_rightPnl {
    margin-top: 30px;
}
.step_progress .progress_bar{
    background-color: #FBBB21;
}
.create_course_sec {
    padding: 30px 0;
}
.course_uploadrghtpnl {
    padding: 20px 0;
}
}
@media(max-width: 767px){
    .usr_text {
        display: none;
    }
    .hdr_srchbar {
        padding-left: 0;
        width: 55%;
    }
    .stptab_steps ul li{
        font-size: 13px;
    }
    .hdr_srchbar .form-control{
        font-size: 14px;
        height: 42px;
    }
    .checkout_area {
        padding: 95px 0 40px;
    }
    .page_back {
        margin-bottom: 15px;
    }
    .chkout_hdng h2, .model_Hdng h2 {
        font-size: 22px;
    }
    .features_item h5{
        font-size: 14px;
    }
    .car_slideOuter .inbtns{
        display: none;
    }
    .model_selectItem {
        width: 100%;
        margin-bottom: 15px;
    }
    .model_selectItem:last-child{
        margin-bottom: 0;
    }
    .model_selectBx .btn{
        height: 46px;
        font-size: 14px;
    }
    .model_selectBx .filter-option{
        line-height: 46px;
    }
    .input_fill .form-control{
        height: 46px;
    }
    .step_tab {
        padding: 20px 20px 30px;
    }
    .model_Hdng h5{
        font-size: 14px;
    }
    .addons_tabLinks ul li a{
        padding: 0;
    }
    .consumer_hdngOuter{
        flex-wrap: wrap;
        justify-content: center;
    }
    .consumer_logo {
        width: 100%;
        min-width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .consumer_text {
        padding-left: 0;
        border-left: 0;
        text-align: center;
    }
    .consumer_topSlct_area {
        padding: 20px 15px 15px;
    }
    .consumer_bttm_area {
        padding: 20px 15px;
    }
    .plan_bx{
        min-width: 150px;
    }
    .payemnt_detals {
        padding: 25px 0;
    }
    .customize_hdng h3 {
        font-size: 14px;
    }
    .addons_tabLinks ul li a{
        font-size: 14px;
    }
    .advert_hdng span {
        padding: 4px 10px;
        border-radius: 14px;
        font-size: 11px;
    }
   
    .ftr_link li a{
        font-size: 14px;
    }
    .srch_icon{
        display: block;
        margin-left: auto;
        margin-right: 10px;
    }
    .srch_icon i{
        color: #8E8EA6;
    }
    .hdr_srchbar{
        display: none;
    }
    .loginuser_area {
        margin-left: inherit;
    }
    .plan_row .plan_bx {
        min-width: auto;
    }
    .plan_row .table_logo{
        margin-bottom: 20px;
        height: auto;
    }
    .srvc_accorbody .row:last-child .col-4{
        border-top: 1px solid #EDEDF1;
    }
    .job_loactionbx {
        width: 70%;
    }
    .find_job{
        width: 30%;
    }
    .find_job .find_btn{
        width: 100%;
    }
    .job_fill .form-control {
        height: 50px;
        padding: 0 20px 0 45px;
        font-size: 14px;
    }
    .title_fill, .loacte_fill {
        background-position: left 12px top 50%;
        background-size: 20px;
    }
    .filter_row {
        padding: 10px 12px;
    }
    .find_btn{
        height: 50px;
        font-size: 15px;
    }
    .job_bxItem{
        padding: 15px 10px;
    }
    .job_hdng h3 {
        font-size: 18px;
    }
    .job_hdng h5 {
        font-size: 13px;
    }
    .job_tags ul{
        flex-wrap: wrap;
    }
    .job_tags ul li{
        margin-bottom: 10px;
    }
    .job_tags {
        margin: 15px 0;
    }
    
    .results_rightPnl{
        padding: 25px 15px;
    }
    .results_para p, .results_lising li{
        font-size: 14px;
    }
    .job_modal .modal-header, .prsnl_detailsArea, .others_detailsArea{
        padding: 25px 20px;
    }
    .progres_tagsouter {
        flex-wrap: wrap;
    }
    .tags_lftpnl {
        width: 100%;
        margin-bottom: 15px;
    }
    .tags_prgrsspnl {
        width: 100%;
    }
    .tags_prgrsspnl h5{
        font-size: 13px;
    }
    .topdetails_left {
        width: 100%;
        margin-bottom: 20px;
    }
    .topdetails_right {
        width: 100%;
        text-align: left;
    }
    .share_btn a{
        float: none;
    }
    .top_detailsBx{
        position: relative;
    }
    .share_btn {
        margin-bottom: 0;
        position: absolute;
        right: 20px;
        top: 15px;
    }
    .top_detailsBx{
        padding: 20px;
    }
    .share_btn a{
        height: 36px;
        width: 36px;
    }
    .share_btn a img{
        width: 12px;
    }
    .details_prgrss h4{
        font-size: 13px;
    }
    .job_detailspnl, .details_rightPnl{
        padding: 20px 15px;
    }
    .details_hdng {
        margin-bottom: 10px;
    }
    .form_commnts_area .form-control{
        font-size: 14px;
    }
    .forum_para p {
        font-size: 13px;
        line-height: 21px;
    }
    .docs_row{
        padding: 10px;
    }
    .accor_para p {
        font-size: 13px;
    }
    .details_procesItem{
        padding-left: 20px;
    }
    .price_range {
        display: none;
    }
    .rating_info li a{
        font-size: 14px;
    }
    .radio-check p{
        font-size: 14px;
    }
    .product_pic {
        height: 215px;
        margin-bottom: 15px;
    }
    .product_hdr .srch_icon{
        display: none;
    }
    .product_hdr .loginuser_area {
        margin-left: auto;
    }
  

   .product_area {
    padding: 70px 0 40px;
}
.prdct_name a{
    font-size: 16px;
}
.discout_text {
    font-size: 12px;
    left: 10px;
    top: 10px;
}
.product_item{
    padding: 15px;
}

.thumb_pnl, .accor_arw{
    display: none;
}
.slider_pnl {
    width: 100%;
    margin: 0;
}
.slider_pnl ul.slick-dots {
    display: flex!important;
}
.filter_list.size_info li .radio-check input[type='radio'] + span {
    min-width: 44px;
    text-align: center;
    line-height: 36px;
}
.fillup_fill h5, .fillup_fill p, .lft_details h4, .rght_details h5{
    font-size: 13px;
}
.address_menu .dropdown-menu{
    max-width: 100%;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -100%;
    background-color: #fff;
    display: block !important;
    top: inherit !important;
    transition: 0.5s;
}
.filter_open .address_menu .dropdown-menu{
    bottom: 0;
}
.total_reportBx{
    padding: 20px 15px;
}
.report_detailsItem{
    padding: 15px;
}
.report_prgress_top h4{
    font-size: 16px;
}
.donation_progress h5{
    font-size: 13px;
}
.report_textItem > h3{
    font-size: 14px;
}
.report_textItem p{
    font-size: 13px;
}
.report_nmbr {
    height: 35px;
    width: 35px;
    min-width: 35px;
    font-size: 14px;
}
.report_iconRow:after{
    left: 17px;
}
.donation_bxRow {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.donation_prices {
    margin: 15px 0 0;
}
.jb_rating h6 em{
    display: none;
}
.list_box .expertbx_item {
    padding: 15px;
    flex-wrap: wrap;
}
.list_box .exper_pic {
    height: 80px;
    min-width: 80px;
    width: 80px;
    margin: 0;
}
.list_box .expert_namepic {
    width: 100%;
}
.list_box .list_arw {
    display: none;
}
.list_box .exper_name {
    padding-left: 10px;
    text-align: left;
}
.list_box .expert_details{
    padding-left: 90px;
}
.expertslct_row .job_slctItem {
    width: 50%;
    margin-bottom: 10px;
}
.exper_detailsSec .topdetails_left {
    width: 100%;
}
.exper_detailsSec .topdetails_right {
    width: 100%;
    text-align: center;
}
.expertholder_outer {
    flex-wrap: wrap;
}
.share_btn a span{
    font-size: 20px;
}
.experts_holdertext {
    padding-left: 0;
    width: 100%;
    text-align: left;
}
.experts_holderPic {
    margin: 0 auto 15px;
}
.expert_details , .expert_social ul{
    margin: 10px 0 0;
}
.expert_social ul{
    margin-top: 15px;
}
.details_apply a{
    width: 100%;
}
.additional_info h4{
    font-size: 14px;
}
.additional_info h4 i{
    font-size: 19px;
}
.evnt_rght_bttm .share_btn{
    bottom: inherit;
}
.date_bx h3{
    display: none;
}
.date_clndr {
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    height: 65px;
    width: 65px;
    align-items: center;
    justify-content: center;
}
.date_clndr img{
    width: 30px;
}
.date_bx {
    background: #fff;
    border-radius: 50%;
    border-top: 0;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.evnt_rght_bttm {
    margin-top: 0;
}
.mdlicon_item {
    padding: 5px;
}
.icon_modal_bxOuter {
    justify-content: center;
}
.mobile_date h5{
    font-size: 14px;
}
.evenmt_catagory_slider:after{
    display: none;
}
.job_detailspnl .product_pic {
    height: 225px;
}
.evnt_gallery_item {
    width: 33.33%;
}
.evnt_feedbackrow .details_input_txt label {
    font-size: 14px;
    margin-bottom: 10px;
}
.feedback_usrTop, .others_detailsArea {
    padding: 20px 20px;
}
.evnt_feedbackrow {
    margin-bottom: 15px;
}
.inner_tab_links li a {
    font-size: 13px;
}
/* .inner_tab_links ul{
    overflow-x: auto;
    white-space: nowrap;
} */
.ranking_tableinnr th, .ranking_tableinnr td{
    min-width: 125px;
}
.ranking_usr span{
    white-space: nowrap;
}
.feedback_radio_tags .radio-check p{
    font-size: 14px;
}
.evenmt_catagory_slider .slick-arrow{
    height: 35px;
    width: 35px;
}
.evenmt_catagory_slider .slick-next {
    right: -15px;
}
.evenmt_catagory_slider .slick-prev {
    right: -15px;
}
.event_para p{
    font-size: 14px;
}
.top_evntdetails_bx .top_detailsBx {
    padding: 25px 0px 25px;
}
.inner_tab_links:after {
    left: -15px;
    right: -15px;
}
.top_evntdetails_bx {
    padding: 20px 15px 20px
}
.inner_tab_links li a {
    padding: 10px 10px;
}
.modal_hdng {
    padding-right: 30px;
}
.how_bidOuter .row{
    justify-content: center;
}
.how_bid_item{
    margin-bottom: 25px;
}
.auction_bnrtext{
    display: none;
}
.left_carpnl .slider_pnl {
    width: 100%;
    padding-left: 0;
}
.auction_carmdlOuter{
    padding: 30px 20px;
}
.auction_priceItem h3{
    font-size: 14px;
}
.exprt_share {
    margin-bottom: 0px;
}
.exprt_share ul {
    justify-content: center;
}
.survey_item{
    padding: 20px 15px;
}
.time_btn {
    height: 36px;
    padding: 0 10px;
    font-size: 12px;
}
.time_btn i {
    margin-right: 4px;
    font-size: 16px;
}
.gray_rating li a span {
    font-size: 32px;
}
.expert_invite .modal-body {
    padding: 20px;
}
.expertise_area .details_input_txt {
    margin-bottom: 0;
}
.expertise_area .details_row {
    margin-bottom: 15px;
}
.expertise_area .description_fill.input_fill .form-control {
    height: 110px;
}
.invite_iconBx li {
    width: 33.33%;
}
.invite_iconBx li a{
    height: 120px;
}
.catagory_slideItem {
    width: 55vw;
}
.countdown_bx ul li a span {
    font-size: 22px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}
.bid_carOuter .slider_pnl {
    width: 100%;
}
.slider_pnl {
    padding-left: 0;
}
.bid_carOuter {
    margin-bottom: 0;
}
.expertholder_outer .experts_holdertext{
    padding-left: 0;
    width: 100%;
}
.exprt_bidprofile_outer{
    flex-wrap: wrap;
}
.view_profile {
    width: 100%;
    margin: 10px 0 0;
}
.view_profile a{
    width: 100%;
}

.bid_detailsSec .job_tags{
    margin-bottom: 0;
}
.bid_detailsSec .details_leftPnl{
    margin-bottom: 150px;
}
.grp_piclft_pnl .grp_picItem {
    height: 220px;
}
.grp_picright_pnl .grp_picItem {
    height: 105px;
}
.group_pic {
    max-height: 100%;
}
.top_group_bx .evnt_rght_bttm{
    display: flex;
    justify-content: flex-end;
}
.job_hdng.evnt_hdng{
    flex-wrap: wrap;
    justify-content: center;
}
.job_hdng.evnt_hdng h3 {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.top_group_bx .topdetails_left{
    margin-bottom: 0;
}
.job_fill .form-control{
    background-position: left 12px top 50%;
}
.company_detailsSec .experts_skill ul{
    justify-content: center;
}
.register_hdngTop h2 br{
    display: none;
}
.register_hdngTop h2{
    font-size: 20px;
}
.catagory_hdng h3{
    font-size: 18px;
}
.course_pic{
    max-height: 100%;
}
.course_outer .col-lg-4 {
    margin-bottom: 0;
}
.course_textPnl {
    padding: 0;
}

.traning_bxItem .course_textPnl {
    padding: 15px 10px;
}
.training_bluebx .expertholder_outer .experts_holdertext{
    text-align: left;
}
.traning_star{
    margin-top: 0;
    padding: 10px;
    min-width: 135px;
    font-size: 14px;
    bottom: 30px;
}
.traning_star i {
    max-width: 20px;
    margin-right: 5px;
}
.training_bluebx .expert_details{
    justify-content: flex-start;
}
.training_bluebx .top_detailsBx{
    margin-bottom: 0;
}
.evnt_details_bx{
    padding: 20px;
}
.course_slideOuter .slick-prev {
    left: 0;
}
.course_slideOuter .slick-next {
    right: 0;
}
.course_slideOuter .slick-arrow {
    height: 36px;
    width: 36px;
}
.course_slideItem {
    width: 40vw;
}
.stories_slideItem {
    width: 42vw;
}
.donate_certificate{
    padding: 45px 15px;
}
.lesson_detailsHdng h2 {
    font-size: 19px;
    line-height: 29px;
}
.training_ticklisting p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 15px;
}
.intrector_profile_row .left_intrector {
    flex-wrap: wrap;
    width: 100%;
}
.intrector_profile_row .upload_filOuter {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}
.intrector_row.intrector_profile_row{
    position: relative;
}
.intrector_profile_row .right_intrector {
    position: absolute;
    right: 15px;
    top: 15px;
}
.course_uploadrghtpnl{
    padding: 20px 0;
}

.coursestep_hdng h3{
    font-size: 18px;
}
.coursestep_hdng p{
    font-size: 13px;
}
.lessns_details_btn a{
    font-size: 0;
}
.course_lessons_lft {
    width: 80%;
}
.lessns_details_btn a span{
    font-size: 24px;
}
.ux_popupHdng, .ux_fillOuter, .ux_tabs_area .inner_tab_pane{
    padding: 15px;
}
.msg_bxArea p{
    font-size: 14px;
}
.question_submit_area {
    margin-top: 0;
}
.footer_top .col-12{
    margin-top: 20px;
}

.indra_course_tabArea {
    padding-bottom: 40px;
}
.tab_links .nav-tabs .nav-link{height: 40px;}

}
@media(max-width: 575px){
    .chkout_hdng h2, .model_Hdng h2 {
        font-size: 20px;
    }
    .features_item h3{
        font-size: 16px;
    }
    .car_slideOuter {
        margin-top: 30px;
    }
    .car_tabs {
        margin: 30px 0;
    }
    .table_innr td h5{
        font-size: 14px;
    }
    .payemnt_detals {
        padding: 25px 0 0;
    }
    .add_btn a{
        height: 40px;
    }
    .srvc_accorbody .col-md-3{
        padding: 10px;
    }
    .job_slctItem {
        width: 50%;
        margin-bottom: 10px;
    }
    .modal_hdng h3 {
        font-size: 18px;
    }
    .description_fill.input_fill .form-control {
        height: 90px;
    }
    .uploaded_innrBx, .upload_btn {
        height: 125px;
        width: 125px;
        min-width: 125px;
    }
  
    .radio-check p {
        font-size: 13px;
    }
    .job_modal .modal-header .close {
        height: 30px;
        width: 30px;
        right: 12px;
        top: 12px;
    }
    .results_leftPnl .job_bxItem {
        width: 100%;
    }
    .details_value h4 {
        font-size: 13px;
    }
    .topdetails_left .job_hdng h3 {
        font-size: 20px;
    }
    .results_para p, .results_lising li {
        font-size: 13px;
    }
    .product_text h5{
        font-size: 12px;
    }
    .prdct_name a {
        font-size: 15px;
        line-height: 24px;
    }
    .prodetails_list ul li{
        border: 0;
        padding-right: 0;
        margin-bottom: 5px;
    }
    .prodetails_list ul{
        margin-top: 10px;
    }
    .prdctprice_value h4{
        font-size: 14px;
    }
    .prdct_rvwArea {
        flex-wrap: wrap;
    }
    .rvw_lft {
        width: 100%;
        margin-bottom: 15px;
    }
    .rvw_right {
        width: 100%;
        padding-left: 0;
        border-left: 0;
    }
    .rvw_lft h3{
        font-size: 24px;
    }
    .cstomer_tvw ul li a{
        font-size: 16px;
    }
    .comnt_rating ul li a {
        font-size: 24px;
    }
    .details_faqPnl {
        padding: 0px 0 0;
    }
    .details_input_txt h6{
        margin-bottom: 10px;
    }
    .checkout_area {
        padding: 75px 0 30px;
    }
    .report_prgress_top h4 {
        font-size: 15px;
        line-height: 24px;
    }
    .cmpny_textPnl {
        padding-left: 10px;
    }
    .logorank_row{
        padding: 15px;
    }
    .donate_mdlOuter {
        flex-wrap: wrap;
    }
    .donate_lft {
        width: 100%;
        margin-bottom: 15px;
    }
    .detials_report a{
        font-size: 13px;
    }
    .donation_modal .modal-body {
        padding: 20px 15px;
    }
    .community_row {
        flex-wrap: wrap;
    }
    .community_pic {
        min-width: 116px;
        margin: 0 auto 15px;
    }
    .community_text {
        padding-left: 0;
        width: 100%;
    }
    .community_para p{
        font-size: 13px;
    }
    .expertrght_icon li a, .exprt_filter_btn a{
        height: 40px;
        width: 40px;
    }
    .chat_btn a {
        height: 50px;
        width: 50px
    }
    .chat_btn {
        bottom: 15px;
        right: 15px;
    }
    .left_affilate h4, .right_affilate h3{
        font-size: 13px;
    }
    .invite_panel {
        flex-wrap: wrap;
    }
    .invite_text {
        min-width: 100%;
    }
    .login_body {
        padding: 20px 15px;
    }
    .forgot_btn, .apply_btn{
        width: 50%;
    }
    .forgot_applyOuter a{
        width: 100%;
    }
    .catagory_slideInnr{
        min-height: auto;
    }
    .asign_item h4, .company_logotxt span{
        font-size: 14px;
    }
    .evnt_list li{
        font-size: 14px;
    }
    #question_1 .ranking_tableinnr th:last-child {
        width: auto;
    }
    .inner_tab_links li a{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .job_modal .modal-dialog {
        padding: 0 10px;
    }
    .purchase_bx{
        padding: 20px 15px;
    }
    .purchase_usrtext h3{
        font-size: 16px;
    }
    .purchase_usrtext h3 span{
        font-size: 14px;
    }
    .exprt_iconBtn, .exprt_detailsBtn{
        width: 100%;
    }
    .exprt_detailsBtn {
        margin: 10px 0 0;
    }
    .register_tabLink.stptab_steps li i, .register_tabLink.stptab_steps li em{
        display: none;
    }
    .register_hdngTop h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .register_hdngTop{
        margin-bottom: 30px;
    }
    .input_fill .filter_list li .radio-check input[type='checkbox'] + span{
        min-width: auto;
    }
    .register_hdngTop p{
        font-size: 13px;
    }
    .register_smlHdng h4{
        margin-bottom: 20px;
        font-size: 17px;
    }
    .evnt_details_bx{
        padding: 20px 15px;
    }
    .progress_row .progess_outer {
        min-width: 75%;
    }
    .vdo_play a {
        height: 40px;
        width: 40px;
        font-size: 12px;
    }
    .stories_slideItem {
        width: 50vw;
    }
    .stories_slider {
        margin: 0 -8px;
    }
    .scorebx_item {
        width: 50%;
        margin-bottom: 10px;
    }
    .scorebx_outer {
        justify-content: center;
    }
    .course_vdopnl iframe {
        height: 212px;
    }
    .intrector_row{
        padding: 20px 10px;
    }
    .course_uploadrghtpnl {
        padding: 20px 0;
    }
    .upload_btn.course_uploadBx{
        padding: 15px 10px;
    }
    .course_uploadBx .upload_icon span {
        font-size: 26px;
    }
    .course_uploadBx .upload_txt h4{
        font-size: 14px;
    }
    .course_uploadBx .upload_txt h5{
        font-size: 12px;
    }
    .upload_vdoOuter .uploaded_innrBx, .upload_vdoOuter .upload_btn {
        height: 125px;
        width: 125px;
        min-width: 125px;
    }
    .upload_vdoOuter .upload_item{
        width: auto;
    }
    .ux_leftFill, .ux_rightFill{
        width: 100% !important;
    }
    .ux_leftFill{
        margin-bottom: 15px;
    }
    .text_editor .form-control{
        height: 120px;
    }
    .ux_popupHdng h3 {
        font-size: 16px;
        padding-right: 10px;
        line-height: 26px;
    }
    .answar_row{
        flex-wrap: wrap;
    }
    .answar_hdng{
        margin-bottom: 15px;
    }
    .answar_hdng h4{
        font-size: 15px;
    }
    .answar_filledit{
        margin-bottom: 15px;
    }
    .answar_check {
        min-width: 120px;
        padding-left: 0;
    }
    .answar_row{
        margin-bottom: 20px;
    }
    .radio_circle i{
        font-size: 13px;
    }
    .privacy_para p {
        font-size: 13px;
        line-height: 22px;
    }
    .contnt_hdng h4{
        font-size: 16px;
    }
    .course_detailspnl_innr {
        padding: 75px 0 55px;
    }
    .radio_circle input[type='checkbox'] + span {
        width: 15px;
        height: 15px;
    }
}
@media(max-width: 480px){
    .addons_tabLinks ul{
        width: 100%;
        flex-wrap: nowrap;
    }
    
    .addons_tabLinks ul li{
        padding: 0 15px;
    }
    .payment_tablinks ul li a {
        font-size: 13px;
    }
    .payment_tablinks ul li a i{
        margin-right: 5px;
    }
    .payment_tablinks.addons_tabLinks ul {
        padding: 15px 0px;
    }
    .features_item {
        margin-right: 15px;
    }
    .features_item h5 {
        font-size: 12px;
    }
    .hdng_text h5{
        font-size: 14px;
    }
    .hdng_value h5 {
        font-size: 13px;
    }
    .rght_priceTxt h4{
        font-size: 13px;
    }
    .save_row h3, .fiann_value h3, .fiann_text h3{
        font-size: 14px;
    }
    .total_outer{
        padding: 10px 15px;
    }
    .total_row h3{
        font-size: 15px;
    }
    .total_row h5{
        font-size: 14px;
    }
    .model_selectItem label{
        font-size: 14px;
    }
    .accordion {
        padding: 15px 0;
    }
    .accordion .card-body {
        padding: 15px 0;
    }
    .consumer_bttm_area h2 span{
        font-size: 18px;
    }
    .model_selectBx .dropdown-item{
        font-size: 13px;
    }
    .payment_tablinks li a{
        white-space: nowrap;
    }
    .plan_row .plan_bx h2{
        font-size: 16px;
    }
    .plan_row .plan_bx h3{
        font-size: 13px;
    }
    .plan_row .plan_bx{
        padding: 15px 10px;
    }
    .filter_icontxt h5{
        font-size: 13px;
    }
    .filter_icontxt span{
        margin-right: 6px;
        font-size: 20px;
    }
    .filter_value h5{
        font-size: 12px;
    }
    .upload_item {
        width: 50%;
        margin-bottom: 10px;
    }
    .uploaded_innrBx, .upload_btn {
        height: 125px;
        width: 100%;
        overflow: hidden;
    }
    .upload_imxBx .upload_pic img{
        width: 100%;
    }
    .docs_row, .docs_left{
        flex-wrap: wrap;
        justify-content: center;
    }
    .docs_left{
        margin-bottom: 15px;
    }
    .doc_icon {
        min-width: 100%;
        width: 100%;
        text-align: center;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .docs_row{
        padding: 20px 15px;
    }
    .details_tags {
        margin: 15px 0 0;
    }
    .team_bttmbx {
        padding: 15px 15px 20px;
    }
    .dates_nmbr {
        width: 30px;
        height: 30px;
        border-radius: 6px;
        font-size: 14px;
    }
    .dates_pnlItem:before{left: 15px;}
    .dates_pnlItem {
        padding-left: 35px;
        padding-bottom: 20px;
    }
    .details_tags{
        flex-wrap: wrap;
    }
    .details_tags .jb_rating {
        margin-bottom: 10px;
    }
    .product_pic {
        height: auto;
    }
    .maplist_pnl .product_pic {
        height: 135px;
        min-width: 105px;
        width: 105px;
        margin-bottom: 0;
    }
    .prdct_detailsHdng {
        padding-right: 35px;
    }
    .prdct_detailsHdng h2 {
        font-size: 20px;
    }
    .prdctdetails_rating {
        margin-bottom: 15px;
    }
    .details_price h3 {
        font-size: 16px;
    }
    .details_price h3 span{
        font-size: 14px;
    }
    .size_clrHdng{
        flex-wrap: wrap;
    }
    .size_clrHdng h4 {
        font-size: 14px;
        min-width: 100%;
        margin-bottom: 10px;
    }
    .product_count {
        margin: 10px 0 10px;
    }
    .product_count .number{
        padding: 5px 15px;
    }
    .modal_iconOuter li {
        width: 33.33%;
    }
    .addons_tabLinks ul li a{
        white-space: nowrap;
    }
    .jobdetails_tablinks.addons_tabLinks ul {
        padding: 15px 10px;
    }
    .details_faqPnl .srvc_accrHdng {
        background-color: transparent;
        padding: 13px 10px;
    }
    .modal_hdng h5 {
        font-size: 13px;
        line-height: 22px;
    }
    .job_modal .modal-header, .prsnl_detailsArea, .others_detailsArea {
        padding: 20px 15px;
    }
    .details_input_txt label{
        font-size: 13px;
    }
    .prsnl_detailsArea .jobinput_fill {
        margin-bottom: 15px;
    }
    .donation_progress{
        flex-wrap: wrap;
    }
    .donation_progress h5 {
       margin-bottom: 10px;
        width: 100%;
    }
    .modal_progres {
        width: 100%;
    }
    .progess_outer{
        width: 100%;
    }
    .report_iconRow {
        flex-wrap: wrap;
    }
    .report_iconRow .donate_icontext {
        width: 100%;
    }
    .report_iconRow:after{
        display: none;
    }
    .report_nmbr{
        margin: 0 auto 10px;
    }
     .donate_icontext {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .donate_icontext p{
        margin-left: 0;
        text-align: center;
    }
    .donate_icontext span{
        margin: 0 0 10px;
    }
    .logorank_row{
        flex-wrap: wrap;
    }
    
    .rank_logo_lftPnl {
        width: 100%;
        margin-bottom: 15px;
    }
    .rank_logo_rghtPnl {
        width: 100%;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .audits_logo, .points_item {
        text-align: left;
        width: auto;
    }
    .audits_logo ul {
        justify-content: flex-start;
    }
    .points_item {
        margin: 15px 0 0;
    }
    .cmpny_logo {
        width: 50px;
        min-width: 50px;
    }
    .donate_community_area{
        padding: 15px 10px;
    }
    .hire_meBtn a{
        min-width: 100%;
    }
    .contnt_hdng h4{
        font-size: 16px;
    }
    .info_rating ul li{
        font-size: 13px;
    }
    .dates_pnlItem.experice_item {
        padding-left: 40px;
    }
    .experience_hdng h3 {
        font-size: 14px;
    }
    .experience_hdng h5 {
        font-size: 13px;
    }
    .experience_hdng h3 span{
        margin-left: 5px;
    }
    .dates_pnlItem:last-child{
        padding-bottom: 0;
    }
    .exprts_profileinfo h3{
        font-size: 15px;
    }
    .exprts_profileinfo h5 {
        font-size: 14px;
    }
    .modal_hdng h4 {
        font-size: 16px;
    }
    .auction_bxOuter .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .list_box .expert_details{
        flex-wrap: wrap;
    }
    .list_box .expert_details{
        justify-content: flex-start;
    }
    .list_box .exprt_iconBtn{
        margin-top: 15px;
        width: 100%;
    }
    .list_box .expert_btnOuter{
        width: 100%;
    }
    .invite_iconBx li {
        width: 50%;
    }
    .expert_invite .modal-body {
        padding: 20px 10px;
    }
    .mdlicon_item {
        width: 50%;
    }
    .catagory_slideItem {
        width: 61vw;
    }
    .group_gallery_outer .evnt_gallery_item {
        width: 50%;
    }
    .add_assuranceBtn a {
        font-size: 13px;
        line-height: 40px;
        padding: 0 10px;
    }
    .modal_progres label {
        font-size: 14px;
        min-width: 50px;
    }
    .progress_row .progess_outer {
        min-width: 70%;
    }
    .percentage{
        min-width: 50px;
    }
    .training_ticklisting p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .traning_progress {
        max-width: 170px;
    }
    .task_textPnl h3{
        font-size: 16px;
    }
    .lessons_tablink .nav-tabs .nav-link{
        flex-wrap: wrap;
        text-align: center;
    }
    .lessons_tablink .nav-tabs .nav-link i, .lessons_tablink .nav-tabs .nav-link span{
        width: 100%;
        display: block;
    }
    .lessons_tablink .nav-tabs .nav-link i{
        margin: 0 0 3px;
    }
    .lessons_tablink .nav-tabs .nav-link{
        padding: 6px 10px;
    } 
    .left_intrector .course_uploadBx{
        width: 125px;
    }
}
@media(max-width: 420px){
    .hdr_srchbar {
        width: 70%;
    }
    .wedding_text.jb_rating{
        font-size: 13px;
    }
    .hdr_srchbar .form-control {
        font-size: 12px;
        height: 36px;
        padding: 0 25px 0 10px;
    }
    .submit_btn{
        right: 6px;
        background-size: 14px;
    }
    .step_tab {
        padding: 20px 15px 30px;
    }
    .stptab_steps ul li {
        font-size: 12px;
    }
    .chkout_hdng {
        margin-bottom: 15px;
    }
    .ftr_link ul{
        flex-wrap: wrap;
    }
    .ftr_social ul li a{
        height: 35px;
        width: 35px;
        font-size: 15px;
    }
    .ftr_social ul li {
        margin-right: 8px;
    }
    .flg_selctBtn .btn{
        min-width: 125px;
        font-size: 14px;
    }
    .stptab_steps li em{
        margin-bottom: 5px;
    }
    .model_Hdng {
        margin-bottom: 15px;
    }
    .payment_tablinks ul li a i{
        display: none;
    }
    .job_loactionbx {
        width: 100%;
        margin-bottom: 10px;
    }
    .find_job {
        width: 100%;
    }
    .find_btn {
        height: 45px;
        font-size: 14px;
    }
    .job_slctItem {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .border_btn {
        font-size: 14px;
        padding: 0 20px;
    }
    .job_pagination ul li a {
        height: 36px;
        width: 36px;
        border-radius: 8px;
        font-size: 14px;
    }
    .job_pagination ul li.prev_pagnation a, .job_pagination ul li.next_pagination a{
        height: 36px;
        width: 36px;
    }
    .job_pagination ul li.prev_pagnation a img, .job_pagination ul li.next_pagination a img{
        width: 8px;
    }
    .job_pagination ul li.prev_pagnation {
        margin-right: 10px;
    }
    .job_pagination ul li.next_pagination {
        margin-left: 10px;
    }
    .input_fill .form-control {
        font-size: 13px;
    }
    .modal_hdng h3 {
        font-size: 20px;
    }
    .job_fillOuter .jobinput_fill {
        width: 100%;
        margin-bottom: 10px;
    }
    .attached_row {
        padding: 0;
    }
    .details_prgrss{
        flex-wrap: wrap;
    }
    .details_prgrss h4{
        width: 100%;
        margin: 0 0 10px;
        border: 0;
    }
    .forum_usrOuter{
        flex-wrap: wrap;
    }
    .forum_usrOuter .team_usrTxt {
        padding-left: 0;
        padding-top: 15px;
        width: 100%;
    }
    .forum_cmntsRow, .forum_whiteBx .forum_cmntsRow{
        padding: 15px;
    }
    .reply_forumBx {
        margin: 0 -15px;
    }
    .team_usrTxt h3{
        font-size: 15px;
    }
    .team_usrTxt h5{
        font-size: 12px;
    }
    .contnt_hdng h4{
        font-size: 16px;
    }
    .job_details_para p{
        font-size: 13px;
    }
    .team_usrTxt {
        padding-left: 10px;
    }
    /* .procuct_pnl .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    } */
    .product_pic {
        height: auto;
    }
    .product_item {
        padding: 15px 10px;
    }
    .jb_rating{
        padding: 6px;
        font-size: 12px;
    }
    .jb_rating span{
        font-size: 11px;
        line-height: 20px;
    }
    .procuct_pnl .row {
        margin: 0 -5px;
    }
    .procuct_pnl .col-6{
        padding: 0 5px;
    }
    .prdct_detailsHdng h2 {
        font-size: 18px;
    }
    .prdctdetails_rating a, .cmpany_text h5 {
        font-size: 13px;
    }
    .product_count .number{
        max-width: 100%;
    }
    .price_cartBtn {
        display: flex;
        justify-content: space-between;
    }
    .price_cartBtn a{
        width: 48%;
    }
    .prdctpnl_outer .prdct_name a {
        font-size: 15px;
    }
    .srvc_name h5{
        font-size: 14px;
    }
    .details_faqPnl .srvc_accorbody {
        padding: 5px 10px 15px;
    }
    .logo_slct {
        min-width: 175px;
    }
    .exper_pic {
        height: 90px;
        width: 90px;
    }
    .expertbx_item {
        padding: 15px 10px;
        margin: 0 0 15px;
    }
    .expert_box_outer .row{
        margin: 0 -5px;
    }
    .expert_box_outer .col-6{
        padding: 0 5px;
        margin-bottom: 15px;
    }
    .exper_name h3 {
        font-size: 14px;
    }
    .exper_name h5 {
        font-size: 12px;
        line-height: 20px;
    }
    .chkout_hdng h5 {
        font-size: 14px;
        margin: 8px 0 0;
    }
    .list_box .exper_pic {
        height: 55px;
        min-width: 55px;
        width: 55px;
        margin: 0;
    }
    .exper_name h3 {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 3px;
    }
    .list_box .expert_details {
        padding-left: 62px;
    }
    .star_color i {
        font-size: 14px;
        margin-right: 3px;
    }
    .jb_rating h5{
        font-size: 12px;
    }
    .expert_details .jb_rating span {
        font-size: 12px;
    }
    .menu_bar a span {
        font-size: 24px;
    }
    .menu_bar {
        margin: 0 0 0;
    }
    .expertslct_row .job_slctItem {
        width: 100%;
    }
    .filters_exprtHdng h3{
        font-size: 20px;
    }

    .chat_popupBx{
        width: 285px;
    }
    .chat_popupBx .owner_hdngOuter {
        padding: 13px 15px;
    }
    .experts_skill li a {
        font-size: 13px;
        height: 40px;
        padding: 0 10px;
    }
    .recomended_edit a span{
        display: none;
    }
    .chatmsg_innr{
        max-height: 250px;
    }
    .forgot_applyOuter {
        flex-wrap: wrap;
    }
    .forgot_btn, .apply_btn {
        width: 100%;
    }
    .forgot_btn{
        margin-bottom: 10px;
    }
    .signin_hdng h3 {
        font-size: 20px;
    }
    .congrats_text h3 {
        font-size: 20px;
    }
    .date_clndr img {
        width: 20px;
    }
    .date_clndr{
        height: 45px;
        width: 45px;
        min-width: 45px;
    }
    .date_bx{
        height: 60px;
        width: 60px;
        top: -40px;
    }
    /* .asign_item h4{
        display: none;
    } */
    .asign_item:last-child:after{
        display: none;
    }
    .vdo_link a{
        font-size: 12px;
    }
    .evnt_list li {
        font-size: 12px;
        padding: 0 10px;
        height: 36px;
        margin-right: 6px;
    }
    .mdlicon_item {
        padding: 5px;
        width: 50%;
    }
    .inner_tab_links li a {
        padding: 10px 10px;
    }
    .inner_tab_links li a em{
        display: none;
    }
    .mdl_iconInnr br{
        display: none;
    }
    .evnt_gallery_item {
        width: 50%;
    }
    .ranking_mdlPnl li a{
        padding: 10px;
    }
    .job_detailspnl .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .job_detailspnl .product_pic {
        height: 285px;
    }
    .inner_tab_links li a{
        font-size: 14px;
    }
    .how_bidHdng h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .experts_holdertext h3{
        font-size: 18px;
    }
    .purchase_btnOuter a{
        font-size: 12px;
        padding: 0 10px;
    }
    .purchase_bx {
        padding: 20px 10px;
    }
    .purchase_usrtext h4{
        font-size: 14px;
    }
    .purchase_usrtext {
        padding-left: 10px;
    }
    .purchase_tax h5{
        font-size: 14px;
    }
    .purchase_tax h5 strong{
        font-size: 14px;
        display: block;
        text-align: center;
        line-height: 26px;
    }
    .job_detailspnl .bidders_outer .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .bidder_item {
        padding: 20px 10px;
    }
    .bidder_text h3 {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .bidder_text h4{
        font-size: 14px;
    }
    .icon_text {
        font-size: 13px;
    }
    .procuct_pnl .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* .expertholder_outer {
        flex-wrap: nowrap;
    } */
    .exprt_bidprofile_outer .experts_holderPic {
        height: 50px;
        width: 50px;
        min-width: 50px;
    }
    .countdown_bx{
        padding: 15px 10px;
    }
    .countdown_bx ul li a{
        font-size: 13px;
    }
    .countdown_bx ul li a span{
        font-size: 18px;
        display: block;
    }
    .all_bidsicon a{
        font-size: 0;
    }
    .all_bidsicon {
        margin-top: 10px;
    }
    .grp_piclft_pnl{
        width: 100%;
        margin-bottom: 10px;
    }
    .grp_picright_pnl{
        width: 100%;
        margin: 0 -5px;
        display: flex;
        flex-wrap: wrap;
    }
    .grp_bx {
        margin-bottom: 0;
        width: 50%;
        padding: 0 5px;
    }
    .list_box .grp_picOuter{
        margin-top: 20px;
    }
    .list_box .grp_picOuter, .list_box .grp_picright_pnl{
        flex-wrap: nowrap;
    }
    .list_box .grp_picright_pnl .grp_bx + .grp_bx{
        margin-left: 0;
    }
    .list_box .grp_piclft_pnl .grp_picItem, .list_box .group_pic, .list_box .grp_picright_pnl .grp_picItem {
        height: 73px;
        width: 73px;
    }
    .mobile_slctFilter .job_slctItem{
        width: 100%;
    }
    .member_box_outer .col-md-6{
        margin-bottom: 20px;
    }
    .company_pnlBx .exprt_profile{
        height: 40px;
        width: 40px;
        min-width: 40px;
    }
    .company_pnlBx .info_rating ul li {
        font-size: 11px;
    }
    .model_para p{font-size: 14px;line-height: 23px;}
    .traning_progress {
        max-width: 130px;
    }
    .nxt_prvbtn_Outer .basic_btn, .nxt_prvbtn_Outer .border_btn{
        padding: 0 15px;
        font-size: 13px;
    }
    .ux_tabs_area .inner_tab_links li {
        margin-right: 0px;
    }
    .task_radio .radio_circle p{
        font-size: 13px;
    }
    .task_radio ul li {
        margin-right: 15px;
    }
    .update_btn .basic_btn{
        line-height: 40px;
        font-size: 13px;
    }
    .forum_para p{font-size: 14px;}
}