@media (max-width:1400px){
 .login_wrapper::before{ left:-100px; top:0px;}
.login_wrapper::after{right:-100px; top:0px;}

}
@media (max-width:1100px){
    .recent_jobs_main .row{ margin:0px;}
    .calendar_table ul.schedule li.day { padding: 0px 5px 0px 0px;}
    .calendar_table ul.schedule li { width: 35%;}
    
}


@media (max-width:960px){
 .inner_wrapper.how .container { padding: 0px 25px;}
 .container { width: 95%;}
 .post_job_main .form{ padding:10px;}
 
}
@media (max-width:800px){
    
  .header_main .nav_main { display: none; position: absolute; background: #f5f5f5; padding:10px; top:70px; width:84%;}
  .header_main .nav_main ul li,.header_main .nav_main ul li.login{ width:100%;margin:0px 0px 10px 0px;}
  .header_main .nav_main ul li.profile { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 20px;}
  .header_main .nav_main ul li.notify{ width:auto; margin:0px 15px 20px 20px }

  .header_main .nav_main ul li a{ width:100%; padding:8px 20px}
  
  .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px;
  border: 1px solid #ddd; border-radius: 4px; display:block;}
  .navbar-toggle .icon-bar { background-color: #00b4c4;}
  .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px;}
  .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px;}
  
  .body-home .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px;
  border: 1px solid #fff; border-radius: 4px; display:block;}
  .body-home .navbar-toggle .icon-bar { background-color: #fff;}
  .body-home .header_main .nav_main ul li a{ color:#12c5c3;}
  .body-home .header_main .nav_main ul li.signup a{color:#fff;}
  .header_main .nav_main ul li .sub-menu { position: relative; float: left; background: #12c5c3; padding: 15px; width: 100%; top: 0px;  left: 0px;}
  .header_main .nav_main ul li .sub-menu:before{ display:none;}
  .header_main .nav_main ul li.profile .sub-menu { top:15px; left:0px; width:100%;}
  
  
  .how_it_works .icon .arrow{ display:none;}
  .banner_main .banner_text h1{ font-size:40px;}
  .banner_main .banner_text a{ font-size:20px;}
  .banner_main .banner_slides .slide1 { min-height:378px; }
  .banner_main .banner_slides .slide2 { min-height:378px;  }
  .banner_main .banner_slides .slide3 { min-height:378px;  }
  .banner_main .banner_text{ top:30%;}
   .container { padding:0px 15px;}
   .roles_main .container { max-width: 100%;}
   .roles_main .role .text h3{ font-size:18px;}
   .recent_jobs_main .job{ margin:0px 0px 15px 0px }
   .featured_member .member .thumb img { width: 100%;}
   .featured_member .member{margin:0px 0px 15px 0px }
   .started .container{ width:100%;}
   .search_result_main .sidebar{ padding:25px 10px;}
   .job-views {  margin-top:15px;}
   .search_result_main .search_result_list .list_box h2{ font-size:16px;}
   .search_result_main .search_result_list .list_box h2 span{border-radius: 5px; font-size: 11px; padding: 5px 8px; margin: -5px 0px 10px 5px;}
   .search_result_main .search_result_list .list_box ul.profile li h3{font-size:12px;}
   .search_result_main .search_result_list .list_box ul.profile li{ width:50%; padding:0px; margin:0px 0px 5px 0px; min-height:40px; border:none}
   .login_wrapper::before{ display:none;}
   .login_wrapper::after{ display:none;}
   .login_wrapper.signup .container ,.edit_profile .container{ max-width: 540px;}
      .dash_jobs_main{ padding:15px 10px}
   .dashboard_main .dash_profile .thumb{ width:25%;}
   .dashboard_main .dash_profile .desc{ width:75%;}
   .dashboard_main .dash_profile .desc h2{ font-size:16px;}
   .dashboard_main .dash_profile .desc h3{ font-size:22px;}
   .profile_main .profil_pic .verified ul li{ margin:15px 2px}
   .profile_main .profil_pic .verified ul li .fa-2x { font-size: 1.5em;}
   .profile_reviews .verification{ padding:15px 10px;}
   .profile_reviews .verification ul li{ font-size:16px;}
   .calendar_table ul.schedule li{ width:100%;}
   .calendar_table ul.schedule li.day{ width:95%;}
   .slider.slider-horizontal{ width:95%;}
   .slider.slider-horizontal .slider-tick-label-container{ display:none;}
   .more-scheduler{ width:100%;}
   .more-scheduler{ width:100%; margin:5px 0px;}

}

@media (max-width:700px){
    .banner_main .banner_slides .slide1 { min-height:500px; }
  .banner_main .banner_slides .slide2 { min-height:500px;  }
  .banner_main .banner_slides .slide3 { min-height:500px;  }
  .banner_main .banner_text { top: 42%;}
  .banner_main .banner_text h1 { font-size: 36px;}
  .banner_main .banner_text a{ width:90%; margin:0px 15px; margin-bottom:15px;}
  .how_it_works .icon{ margin-bottom:15px;}
  .roles_main .role{ margin-bottom:15px;}
  .recent_jobs_main a.view_all{ float:left; margin:0px 0px 15px 0px; padding:10px 20px; font-size:14px;}
  .started a{ margin-bottom:15px;}
  .started h2,.featured_member h2,.recent_jobs_main h2,.roles_main h2,.how_it_works h2{ font-size:32px;}
  .footer_main .links{ margin-top:35px; margin-bottom:35px;}
  .search_box_main{ padding:15px 10px;}
  .search_box_main .field_box{ margin-bottom:15px;}
  .search_box_main .button{ margin-bottom:15px;}
  .search_result_main .search_result_count { line-height: 40px; text-align:right;}
  .job-list-view img { max-height:inherit; width: 100%;}
  .search_result_main .search_result_list .list_box .online_status{ margin:10px 0px 15px}
  .dashboard_main .dash_profile .desc h2{ font-size:16px;}
   .dashboard_main .dash_profile .desc h3{ font-size:22px;}
   .profile_main .profil_pic{ width:100%;}
   .profile_main .profil_detail{ width:100%; margin:0px 0px 15px 0px }
   .search_result_main .search_result_list .job_list ul.profile li:first-child { padding: 0px 0px 0px 5px; width: 50%;}
   .search_result_main .search_result_list .job_list ul.profile li{ width:50%; padding:0px 0px 0px 5px; border:none; margin:0px 0px 8px 0px }
   .profile_reviews .reviews_main{ padding:15px 10px;}
   .profile_main .status{ margin-bottom:15px;}
   .blog_main .sidebar{ margin-bottom:20px;}
   .inner_wrapper.how .tab ul li a.senior { margin: 0px 0px 0px 0px;}
   .post-job-buttons a{ font-size:20px;}
   .post_job_main .form .field_box{ width:100%;}
   .slider.slider-horizontal .slider-tick-label-container{ display:block;}
}

@media (max-width:640px){
    .header_main .logo{ max-width:180px;}
    .login_wrapper h2{ font-size:26px;}
    .login_wrapper.signup .tab ul li{ width:100%;}
    .login_wrapper.signup .tab ul li a.senior{ margin:0px;}
    .login_wrapper.signup .tab ul li a{ width:100%;}
    .login_wrapper.signup .social_login .buttons{ text-align:center; padding:0px;}
    .login_wrapper.signup .social_login .buttons a.s_btn.google,.login_wrapper.signup .social_login .buttons a.s_btn{ float:none; display:inline-block;}
    .login_wrapper.signup .form ul li.first,.login_wrapper.signup .form ul li.last{ width:100%;}
    .edit_profile .form { padding: 0px 0px;}
    .edit_profile .form.form ul li.time,.edit_profile .form.form ul li.rates,.edit_profile .form.form ul li.first,.edit_profile .form.form ul li.last  { width: 100%; }
    .started h2, .featured_member h2, .recent_jobs_main h2, .roles_main h2, .how_it_works h2,.dash_jobs_main h2,.profile_reviews .reviews_main h2 {font-size: 18px;}
    .dash_jobs_main a.view_all, .dash_feed .news_feed_main a.view_all,.profile_reviews .reviews_main a.view_all{ padding:8px 15px; font-size:12px}
    .dashboard_main .featured_member .container {padding: 0px 0px;}
    .dash_jobs_main .job{ margin-bottom:15px;}
    .search_result_main .search_result_list .job_list h2 a{ display:block; width:100%; margin:0px 0px 10px 0px }
    .search_result_main .search_result_list .job_list h2 span a{ width:auto; margin:0px;}
    .search_result_main .search_result_list .list_box h2 span { margin: 0px 10px 10px 0px; float:left; display:block; width:100%;}
    .search_result_main .search_result_list .list_box h2 span.user-{margin:0px 10px 10px 0px;}
    .profile_main .profil_detail ul.profile li{ width:33%;}
    .profile_main .profil_detail ul.profile li h3{ font-size:14px;}
    .inner_wrapper.how .content_main .text {  margin: 0px 0px 35px 0px;}
    .inner_wrapper.how .content_main .text {  margin: 0px 0px 35px 0px;}
    .inner_wrapper.how .content_main img{margin: 0px 0px 20px 0px;}
    .inner_wrapper.how .why_main .why{ margin:0px 0px 20px 0px; padding:15px;}
    .inner_wrapper.how .why_main .why ul li{font-size:18px; margin:0px;}
    .inner_wrapper.how .content_main .text ul li{ font-size:18px;}
    .inner_wrapper.how .content_main .text h2{ font-size:32px;}
    .inner_wrapper.how .how_banner { min-height: inherit; padding: 35px 0px;}
    .inner_wrapper.how .how_banner h1{ font-size:36px;}
    .inner_wrapper.how .how_banner p{ font-size:18px;}
    .login_wrapper .form ul li .button{ font-size:16px;}
    .post_job_main .form .post_box .check.additional ul li{ width:100%;}
    .post_job_main .form{ margin:0px 0px 20px 0px }
    .calendar_table{ padding:0px;}
}

@media (max-width:500px){
    
    .inner_wrapper.how .tab ul li a { padding: 13px 50px 13px 115px; font-size: 18px;}
    .message-area .input-group .form-control{ width:50%!important}
    .post-job-buttons { margin-top: 0px;}
    .post-job-buttons a{ font-size:20px; margin:0px 0px 15px 0px; width:100%;}
    
}