@media (min-width: 992px) {
  .filter_allcard {
    padding-top: 37px;
  }
}

@media (max-width: 1300px) {
  .opportunitiesImgs .imgBg {
    max-width: 266px;
    min-height: 440px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1920px) {
  .findjob-section .container {
    max-width: 1480px;
  }

  html[lang="hi"] h1,
  html[lang="bn"] h1,
  html[lang="gu"] h1,
  html[lang="mr"] h1,
  html[lang="or"] h1,
  html[lang="pa"] h1 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  html[lang="kn"] h1,
  html[lang="ml"] h1,
  html[lang="ta"] h1,
  html[lang="te"] h1 {
    font-size: 36px;
    margin-bottom: 10px;
  }

  html[lang="hi"] h2,
  html[lang="bn"] h2,
  html[lang="gu"] h2,
  html[lang="kn"] h2,
  html[lang="ml"] h2,
  html[lang="mr"] h2,
  html[lang="or"] h2,
  html[lang="pa"] h2,
  html[lang="ta"] h2,
  html[lang="te"] h2 {
    font-size: 32px;
  }

  html[lang="hi"] .profile_des .salary_col h4,
  html[lang="bn"] .profile_des .salary_col h4,
  html[lang="gu"] .profile_des .salary_col h4,
  html[lang="kn"] .profile_des .salary_col h4,
  html[lang="mr"] .profile_des .salary_col h4,
  html[lang="pa"] .profile_des .salary_col h4,
  html[lang="hi"] .popular-section .card h4,
  html[lang="bn"] .popular-section .card h4,
  html[lang="gu"] .popular-section .card h4,
  html[lang="kn"] .popular-section .card h4,
  html[lang="mr"] .popular-section .card h4,
  html[lang="pa"] .popular-section .card h4 {
    font-size: 26px;
  }

  html[lang="hi"] .profile_des .action-card h5,
  html[lang="bn"] .profile_des .action-card h5,
  html[lang="gu"] .profile_des .action-card h5,
  html[lang="kn"] .profile_des .action-card h5,
  html[lang="ml"] .profile_des .action-card h5,
  html[lang="mr"] .profile_des .action-card h5,
  html[lang="pa"] .profile_des .action-card h5,
  html[lang="ta"] .profile_des .action-card h5,
  html[lang="te"] .profile_des .action-card h5,
  html[lang="bn"] .companiesCarousel .card h5,
  html[lang="gu"] .companiesCarousel .card h5,
  html[lang="kn"] .companiesCarousel .card h5,
  html[lang="ml"] .companiesCarousel .card h5,
  html[lang="mr"] .companiesCarousel .card h5,
  html[lang="pa"] .companiesCarousel .card h5,
  html[lang="ta"] .companiesCarousel .card h5,
  html[lang="te"] .companiesCarousel .card h5,
  html[lang="ml"] .profile_des .salary_col h4,
  html[lang="ta"] .profile_des .salary_col h4,
  html[lang="te"] .profile_des .salary_col h4,
  html[lang="ml"] .popular-section .card h4,
  html[lang="ta"] .popular-section .card h4,
  html[lang="te"] .popular-section .card h4 {
    font-size: 22px;
  }

  html[lang="hi"] .companiesCarousel .card h5,
  html[lang="pa"] .companiesCarousel .card h5,
  html[lang="mr"] .companiesCarousel .card h5 {
    font-size: 18px;
    padding: 3px 0;
    line-height: 28px;
  }

  html[lang="hi"] .login_sec .form-box .info-section h2,
  html[lang="bn"] .login_sec .form-box .info-section h2,
  html[lang="gu"] .login_sec .form-box .info-section h2,
  html[lang="kn"] .login_sec .form-box .info-section h2,
  html[lang="mr"] .login_sec .form-box .info-section h2,
  html[lang="or"] .login_sec .form-box .info-section h2,
  html[lang="pa"] .login_sec .form-box .info-section h2 {
    font-size: 38px;
    line-height: 52px;
  }

  html[lang="ml"] .login_sec .form-box .info-section h2,
  html[lang="ta"] .login_sec .form-box .info-section h2,
  html[lang="te"] .login_sec .form-box .info-section h2 {
    font-size: 34px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1399px) {

  h1,
  .resume_head h1 {
    font-size: 36px;
  }

  .profile_sec.create-profile .form-box form label.form-label {
    font-size: 15px;
  }

  h2 {
    font-size: 30px;
  }

  p {
    font-size: 16px;
    line-height: 25px;
  }

  .mission-section .work-card {
    padding: 12px;
  }

  .theme-button-two {
    padding: 16px 20px;
  }

  .theme-button-two.btn-tran-bg {
    padding: 15px;
  }

  .popular-section .card h4 {
    font-size: 24px;
  }

  .findjobBg {
    padding: 70px;
  }

  .findjob-section .cityBox {
    /* grid-template-columns: repeat(6, 1fr); */
    gap: 20px;
  }

  .mission-section .OurMission {
    max-height: 515px;
  }

  html[lang="hi"] .profile_des .action-card h5,
  html[lang="bn"] .profile_des .action-card h5,
  html[lang="gu"] .profile_des .action-card h5,
  html[lang="kn"] .profile_des .action-card h5,
  html[lang="ml"] .profile_des .action-card h5,
  html[lang="mr"] .profile_des .action-card h5,
  html[lang="pa"] .profile_des .action-card h5,
  html[lang="ta"] .profile_des .action-card h5,
  html[lang="te"] .profile_des .action-card h5,
  html[lang="bn"] .companiesCarousel .card h5,
  html[lang="gu"] .companiesCarousel .card h5,
  html[lang="kn"] .companiesCarousel .card h5,
  html[lang="ml"] .companiesCarousel .card h5,
  html[lang="mr"] .companiesCarousel .card h5,
  html[lang="pa"] .companiesCarousel .card h5,
  html[lang="ta"] .companiesCarousel .card h5,
  html[lang="te"] .companiesCarousel .card h5,
  html[lang="ml"] .profile_des .salary_col h4,
  html[lang="ta"] .profile_des .salary_col h4,
  html[lang="te"] .profile_des .salary_col h4,
  html[lang="ml"] .popular-section .card h4,
  html[lang="ta"] .popular-section .card h4,
  html[lang="te"] .popular-section .card h4 {
    font-size: 22px;
  }

  html[lang="hi"] .companiesCarousel .card h5,
  html[lang="pa"] .companiesCarousel .card h5,
  html[lang="mr"] .companiesCarousel .card h5 {
    font-size: 18px;
    padding: 3px 0;
    line-height: 28px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .job-card .action-buttons button {
    font-size: 14px;
    padding: 12px;
  }

  /* .recuiter-section .profile-images img {
    width: 90px !important;
    height: 90px !important;
    margin-top: -43px;
  } */
  .recuiter-section .profile-images {
    width: 90px;
    height: 90px;
  }

  .recuiter_head {
    padding: 30px 20px 30px 120px;
    align-items: center;
  }

  .recuiter_head h3 {
    font-size: 22px;
  }

  .recuiter-section .recuiter-websites {
    width: 50%;
  }

  .recuiter-section .company_info .recuiter-websites {
    width: 47%;
  }

  .recuiter_head a {
    font-size: 14px;
  }

  .container,
  .findjob-section .container {
    max-width: 95%;
  }

  .new_canditatevcard .action-buttons {
    width: 84%;
  }

  .job-card.new_canditatevcard .action-buttons a,
  .job-card.new_canditatevcard .action-buttons button {
    max-width: 70%;
  }

  .new_canditatevcard .action-buttons .fillbtn {
    max-width: 60%;
  }

  .login_sec .form-box .info-section h2 {
    font-size: 38px;
    line-height: 52px;
  }

  html[lang="ml"] .login_sec .form-box .info-section h2 {
    font-size: 32px;
    line-height: 34px;
  }

  .login_sec .form-box .info-section p {
    width: 40%;
  }

  .login_sec .form-box .info-section {
    min-height: 590px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .filter-sidebar .filter_options label.form-check-label {
    font-size: 14px;
  }

  .right_reviewbox {
    margin-bottom: 50px;
  }

  .login_sec.register_steps .form-box {
    max-width: 60%;
  }

  .profile_sec .card {
    padding: 30px !important;
  }

  .login_sec {
    padding: 125px 0 65px;
  }

  /* .login_sec .form-box {
    max-width: 90%;
  } */

  .login_sec .form-box .info-section h2 {
    font-size: 32px;
    line-height: 48px;
  }

  .login_sec .form-box .info-section {
    min-height: 580px;
  }

  .login_sec .form-box .form-section {
    padding: 0px 40px 0px 20px;
  }

  .layout-custom {
    padding: 100px 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .opportunitiesImgs .imgBg {
    max-width: 216px;
    min-height: 410px;
  }

  .right_reviewbox {
    margin-bottom: 50px;
  }

  .login_sec .form-box .info-section h2 {
    font-size: 36px;
    line-height: 50px;
  }

  .login_sec .form-box .info-section {
    min-height: 565px;
  }

  .login_sec .form-box .info-section p {
    font-size: 16px;
    width: 40%;
  }

  .carousel_itemsinner {
    min-height: 275px;
  }

  .filter-sidebar .filter_options label.form-check-label {
    font-size: 14px;
  }

  .profile_sec .head p {
    max-width: 50% !important;
  }

  .login_sec.profile_sec {
    padding: 120px 0 80px;
  }

  .profile_sec.create-profile .form-box form label.form-label {
    font-size: 15px;
  }

  .login_sec .form-box {
    padding: 10px;
    max-width: 100%;
  }

  .login_sec .form-box .form-section {
    padding: 0px 40px;
  }

  .login_sec {
    padding: 120px 0 60px;
  }

  .popular-section .card h4 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .head-para {
    max-width: 90%;
  }

  .login_sec.register_steps .form-box {
    max-width: 75%;
    padding: 55px;
  }

  .section-padding {
    padding: 50px 0;
  }

  .profile_details h3 {
    font-size: 34px;
  }

  .profile_details h6 {
    font-size: 20px;
  }

  h1,
  .resume_head h1 {
    font-size: 34px;
    margin-bottom: 12px;
  }

  h2 {
    font-size: 28px;
  }

  p {
    font-size: 15px;
  }

  .home-para {
    font-size: 18px;
  }

  .mission-section .work-card {
    padding: 15px;
  }

  .hero-section {
    padding: 120px 0 60px;
  }

  .profile_sec .skill_details,
  .profile_sec .card {
    border-radius: 20px;
    padding: 40px 30px !important;
  }

  /*css google map */

  .layout-custom {
    padding: 70px 0px;
  }

  .nearbyJobCard,
  .jobLocationCard {
    padding: 50px 30px;
  }

  .jobLocationCard {
    margin-top: 70px;
  }

  .nearby_input {
    margin-bottom: 20px;
  }

  .findjobBg {
    padding: 40px;
  }

  .findjob-section .cityBox {
    /* grid-template-columns: repeat(4, 1fr); */
    gap: 20px;
  }

  .companiesCarousel .card {
    min-height: 337px;
  }

  .companiesCarousel .card .comImg {
    width: 74px;
    height: 74px;
  }

  .companiesCarousel .card h5 {
    font-size: 20px;
  }

  .cities-title {
    font-size: 26px;
  }

  .support-section .profile_des h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login_sec {
    padding: 120px 0 60px;
  }

  .login_sec .form-box .form-section {
    padding: 40px 30px;
  }

  .login_sec .form-box .info-section.signup_bg {
    min-height: 530px;
  }

  .login_sec.profile_sec {
    padding: 120px 0 60px;
  }

  .recuiter-section .recuiter-tabing .nav-tabs .nav-link {
    font-size: 15px;
    padding: 15px 20px;
  }

  .profile_sec .modal-content {
    padding: 30px;
    border-radius: 20px;
  }

  .jobrighttab_card {
    flex-direction: column;
  }

  .tab_sec .tab-content #v-pills-tabContent,
  .tab_sec .tab-content .vertical_tab {
    width: 100% !important;
  }

  .work-section .row {
    justify-content: center;
  }

  .hero-section .heroImgBg {
    margin-top: 85px;
  }

  .carousel_itemsinner {
    min-height: 380px;
  }

  .filter-sidebar {
    margin-bottom: 40px;
  }

  .inner_banner .searchJob {
    max-width: 95%;
  }

  .profile_sec .head p {
    max-width: 80% !important;
  }

  .companiesCarousel .owl-nav {
    top: -70px;
    gap: 12px;
  }
}

@media (max-width: 991px) {

  /*new*/
  header.header .offcanvas-body ul.navbar-nav {
    align-items: start;
  }

  #templateModal .modal-body {
    padding: 20px;
}

  .login_sec .form-box {
    padding: 10px;
    max-width: 100%;
    flex-direction: column;
  }

  /**/

  .tab_sec .tab-content {
    width: 100%;
    flex-direction: column;
    gap: 25px;
  }

  .hero-section.inner_banner {
    min-height: 290px;
    padding-top: 132px;
    padding-bottom: 50px;
  }

  .tab_sec .tab_Btn {
    padding: 12px 15px;
    font-size: 15px;
  }

  .tab_sec {
    padding: 55px 0 25px !important;
  }

  .right_reviewbox {
    margin-bottom: 50px;
  }

  /*  .login_sec .form-box .form-section {
    padding: 0 0 50px;
  }*/

  .login_sec .form-box .form-section h3 {
    font-size: 24px;
  }

  /*new*/

  .login_sec .form-box .form-section .loginbottom_text {
    font-size: 16px;
  }

  .login_sec .form-box .info-section {
    padding: 25px;
    min-height: 535px;
  }

  .login_sec .form-box .info-section h2 {
    font-size: 28px;
    line-height: 45px;
  }

  /**/
  .login_sec .form-box .info-section,
  .login_sec .form-box .form-section {
    max-width: 100%;
  }

  .login_sec .form-box .info-section p {
    font-size: 16px;
    width: 40%;
  }

  .recuiter_head a {
    font-size: 14px;
  }

  /* .recuiter-section .profile-images img {
    width: 90px !important;
    height: 90px !important;
    margin-top: -44px;
  } */
  .recuiter-section .profile-images {
    width: 90px;
    height: 90px;
  }

  .rating_area {
    padding: 20px;
  }

  .rating_area h2 {
    font-size: 40px;
  }

  .recuiter-section .recuiter-websites h5 {
    font-size: 18px;
  }

  .recuiter-section .tab-about {
    font-size: 20px;
  }

  .popular-section .card h4 {
    font-size: 20px;
  }

  .companiesCarousel.owl-theme .owl-nav button,
  .trendingCarousel.owl-theme .owl-nav button {
    width: 40px;
    height: 40px;
  }

  .trendingCarousel.owl-theme .owl-nav button.owl-prev,
  .trendingCarousel.owl-theme .owl-nav button.owl-next {
    top: 25%;
  }

  .companiesCarousel.owl-theme .owl-nav button.owl-prev::before,
  .companiesCarousel.owl-theme .owl-nav button.owl-next::before,
  .trendingCarousel.owl-theme .owl-nav button.owl-prev::before,
  .trendingCarousel.owl-theme .owl-nav button.owl-next::before {
    font-size: 16px;
  }

  .trendingCarousel.owl-theme .owl-dots {
    margin-top: 20px;
  }

  .header .theme-button {
    font-size: 16px;
    font-weight: 400;
    color: #374151;
    padding: 0 16px 0;
    background: none;
    border-radius: 0;
  }

  html[lang="ml"] .header .theme-button,
  html[lang="kn"] .header .theme-button,
  html[lang="ta"] .header .theme-button,
  html[lang="te"] .header .theme-button {
    padding: 0 10px;
  }

  /*   .header .goog-te-gadget-simple {
    padding: 8px 10px !important;
    font-size: 12px;
  }
 .header .languageBtn #google_translate_element {
    border: none;
    border-radius: 0;
    padding: 0;
  } */
  .header .languageBtn .skiptranslate {
    border: none;
    border-radius: 0;
    width: 100%;
    height: auto;
    justify-content: start;
  }

  .header .goog-te-gadget-simple::before {
    content: "Language";
    font-size: 16px;
    font-weight: 400;
    color: #374151;
  }

  .success-password-sec {
    padding: 132px 0 50px 0;
  }
}

/* @media (max-width: 992px) {
  h1 {
    font-size: 48px;
    line-height: 1;
  }
  h2 {
    font-size: 30px;
    line-height: 36px;
  }
  .section-padding,
  .footer {
    padding: 60px 0;
  }
  .home-para {
    font-size: 18px;
    line-height: 26px;
  }
  .head-para {
    max-width: 70%;
  }
  .mission-section .OurMission {
    height: auto;
    border-radius: 12px;
  }
  .header .navbar .navbar-nav .nav-link {
    padding: 0;
  }
  .header .menu-button {
    display: inline-block !important;
    background: none;
    border: none;
  }
  .header .menu-button .bar1,
  .header .menu-button .bar2,
  .header .menu-button .bar3 {
    width: 30px;
    height: 4px;
    margin: 4px 0;
    transition: 0.4s;
    border-radius: 50px;
    background: linear-gradient(
      90deg,
      rgba(79, 70, 229, 1) 0%,
      rgba(147, 51, 234, 1) 100%
    );
  }

} */

@media (max-width: 767px) {


.resume_head .searchJob {
  align-items: start !important;
}

  .forum_sec .detail_cutom_card .content h4 {
    font-size: 18px;
  }

  .job_sec .detail_cutom_card {
    padding: 20px;
  }

  .custom_img_slider .detail_cutom_card {
    padding: 26px 30px 20px;
  }

  .custom_img_slider .owl-carousel .owl-prev {
    left: -50px;
  }

  .custom_img_slider .owl-carousel .owl-next {
    right: -50px;
  }

  .custom_img_slider {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .forum_sec {
    padding-bottom: 40px;
  }

  .custom_img_slider .owl-carousel .item img {
    width: 88px;
    height: 88px;
  }

  .custom_img_slider .owl-carousel .item h6 {
    font-size: 16px;
  }

  .job_sec h3 {
    margin-bottom: 26px;
    font-size: 22px;
  }

  .job_sec h3 span,
  .trendingCarousel .card h5 {
    font-size: 18px;
  }

  .job_sec .custom_card,
  .job_sec .detail_cutom_card {
    padding: 30px 20px;
  }

  .profile_sec .head p {
    max-width: 100% !important;
  }

  .job-card,
  .job-card.internship_card {
    min-height: unset;
    padding: 15px;
  }

  .resume_modal button.theme_btn {
    margin-top: 25px;
    padding: 15px 20px;
    font-size: 13px !important;
  }

  .candidate_type input[type="checkbox"] {
    padding: unset !important;
  }

  .recuiter-section .recuiter-tabing .nav-tabs .nav-link {
    font-size: 13px;
    padding: 10px 10px;
  }

  .recuiter_head {
    padding: 58px 20px 30px 20px;
    margin-top: -45px;
    flex-direction: column;
    gap: 16px;
  }

  .recuiter-section .recuiter-tabing .nav-tabs {
    margin-bottom: 22px;
  }

  .recuiter-tabing ul.nav-tabs {
    padding: 0 8px;
    justify-content: unset;
  }

  .recuiter-tabing .tab-content .tab_shadow {
    padding: 25px;
  }

  .profile_sec h3,
  .profile_sec .modal-title {
    font-size: 20px;
    padding-bottom: 0;
  }

  .login_sec.register_steps .form-box {
    max-width: 100%;
    padding: 22px;
  }

  .login_sec.register_steps .form-control {
    height: 45px;
    width: 45px;
  }

  .login_sec.profile_sec {
    padding: 60px 0 40px;
  }

  .job_common {
    flex-wrap: wrap;
  }

  .profile_sec .skill_details,
  .profile_sec .card {
    border-radius: 20px;
    padding: 30px 20px !important;
  }

  .profile_sec h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .profile_sec .modal-content {
    padding: 20px;
    border-radius: 10px;
  }

  h1,
  .resume_head h1 {
    font-size: 32px;
    line-height: 1.25;
  }

  .profile_details h3 {
    font-size: 26px;
  }

  .carousel_itemsinner {
    min-height: 435px;
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .testimonial_carousel .carousel-inner .carousel-item {
    padding: 0px 20px;
  }

  .rating-star {
    margin-top: 20px;
  }

  .opportunitiesImgs .imgBg::before {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
  }

  h2 {
    font-size: 28px;
    line-height: 34px;
  }

  html[lang="hi"] h2,
  html[lang="mr"] h2,
  html[lang="bn"] h2 {
    font-size: 26px;
  }

  html[lang="kn"] h2,
  html[lang="ml"] h2,
  html[lang="ta"] h2,
  html[lang="te"] h2 {
    font-size: 24px;
  }

  .filter_sec,
  .section-padding {
    padding: 40px 0;
  }

  .footer {
    padding: 40px 0 13px;
  }

  .home-para,
  p {
    font-size: 16px;
    line-height: 24px;
  }

  html[lang="kn"] p,
  html[lang="ml"] p,
  html[lang="kn"] .home-para,
  html[lang="ml"] .home-para {
    font-size: 14px;
  }

  .searchJob {
    gap: 10px;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .hero-section {
    padding: 106px 0 60px;
  }

  .filter_sec nav ul.pagination li a i,
  .filter_sec nav ul.pagination li a,
  .theme-button,
  .theme-button-two {
    font-size: 14px;
  }

  .inner_banner .searchJob,
  .testimonial_carousel .carousel-inner {
    max-width: 100%;
  }

  .header .navbar-brand {
    max-width: 115px;
  }

  .head-para {
    max-width: 100%;
    line-height: 24px;
  }

  .work-card,
  .mission-section .work-card {
    padding: 22px;
  }

  .job-card .action-buttons {
    position: unset;
    width: 100%;
  }

  .recuiter-section .recuiter-websites,
  .searchJob .input-group {
    width: 100%;
  }

  .recuiter_head h3 {
    font-size: 20px;
  }

  .work-card .icon {
    font-size: 22px;
    width: 50px;
    height: 50px;
    border-radius: 12px;
  }

  .filter_sec nav ul.pagination li span,
  .filter_sec nav ul.pagination li a i,
  .filter_sec nav ul.pagination li a {
    font-size: 12px;
  }

  .filter_sec nav ul.pagination li:not(:first-child):not(:last-child) span,
  .filter_sec nav ul.pagination li:not(:first-child):not(:last-child) a {
    width: 30px;
    height: 30px;
  }

  .filter_sec nav ul.pagination li span,
  .filter_sec nav ul.pagination li a {
    height: 30px;
  }

  /* .work-card h3 {
    font-size: 18px;
    line-height: 24px;
  } */

  .heroImg {
    padding: 22px;
    border-radius: 16px;
  }

  .heroImgBg::before,
  .heroImg .posted-bx,
  .opportunitiesImgs::after {
    left: 0;
  }

  .heroImgBg::after,
  .heroImg .active-bx,
  .opportunitiesImgs::before {
    right: 0;
  }

  .heroImg .active-bx {
    left: unset;
  }

  .profile_des .action-card h5,
  .profile_des h3,
  .heroImg .posted-bx p {
    font-size: 20px;
  }

  .opportunitiesImgs::after {
    bottom: -20px;
  }

  .opportunitiesImgs::before {
    top: -20px;
  }

  .opportunitiesImgs .imgBg {
    max-width: 100%;
    min-height: auto;
    width: 42%;
  }

  .opportunitiesImgs .imgBg,
  .opportunitiesImgs .imgBg img,
  .opportunitiesImgs .imgBg::before {
    border-radius: 12px;
  }

  .footer .page-list li:not(:last-child) {
    padding-bottom: 8px;
  }

  .footer .copyRight {
    padding-top: 16px;
  }

  .skill_part span.tag,
  .job-card .action-buttons button,
  .footer .page-list li a,
  .footer .policy-list li a,
  .footer .callNow {
    font-size: 14px;
  }

  .searchJob .theme-button {
    width: 100%;
    justify-content: center;
  }

  .filter-sidebar {
    margin-bottom: 40px;
  }

  .hero-section .heroImgBg {
    margin-top: 50px;
  }

  .profile_des .action-card button {
    padding: 15px 18px;
  }

  .filter_sec ul.pagination {
    margin-top: 20px;
    flex-wrap: wrap;
  }

  .profile_des .skill_details h4,
  .profile_details h6 {
    font-size: 18px;
  }

  .profile_details p span {
    margin-bottom: 12px;
  }

  .profile_details p {
    font-size: 16px;
  }

  .profile_head {
    padding: 110px 0 30px;
  }

  .profile_des .salary_col h4 {
    font-size: 24px;
  }

  .profile_des .skill_part h6 {
    padding-bottom: 5px !important;
    font-size: 16px;
  }

  .tab_sec .tab-content #v-pills-tabContent,
  .tab_sec .tab-content .vertical_tab {
    width: 100% !important;
  }

  .jobrighttab_card {
    flex-direction: column;
  }

  .jobrighttab_card .job-card {
    padding: 16px;
  }

  /*my css*/
  .login_sec {
    padding: 100px 0 50px;
  }

  .login_sec .form-box .form-section {
    padding: 40px 20px;
  }

  .login_sec .form-box .info-section img {
    right: 10px;
  }

  .login_sec .form-box .info-section.signup_bg {
    min-height: 580px;
  }

  .profile_des .skill_details.sift_left {
    margin-left: 30px;
  }

  .skill_details .dot {
    left: -30px;
  }

  .companies_section .companies_row {
    padding: 30px 5px 10px;
  }

  .companies_section .card {
    padding: 15px;
  }

  .companies_section .card h3 {
    font-size: 18px;
  }

  .companies_section .nav-tabs .nav-link {
    font-size: 15px;
    padding: 10px 20px;
  }

  /**/

  header.header .offcanvas-body ul.navbar-nav {
    align-items: left;
  }

  .downloadBaar {
    display: block !important;
    width: 100%;
    bottom: 0;
    background-color: rgb(241 234 250);
    padding: 20px 10px;
    z-index: 111;
    border-radius: 12px 12px 0 0px;
  }

  .downloadBaar .logo-talento {
    justify-content: center;
    align-items: center;
    width: 50%;
  }

  .downloadBaar img {
    max-width: 80px;
  }

  .downloadBaar h6 {
    text-align: left;
    font-size: 12px;
    margin-left: 10px;
  }

  .downloadBaar button.shiny-effect {
    font-size: 12px;
    background: linear-gradient(90deg,
        rgba(79, 70, 229, 1) 0%,
        rgba(147, 51, 234, 1) 100%);
    color: #fff;
  }

  /*google map css*/

  .layout-custom {
    padding: 40px 0px;
  }

  .nearbyJobCard,
  .jobLocationCard {
    padding: 30px 20px;
  }

  .custom-content h5,
  .choose_resume .option-card h5,
  .resume_bluider_sec .nearbyJobCard h5,
  #templateModal .modal-header h5 {
    font-size: 22px;
  }

  .custom-content {
    padding-bottom: 20px;
  }

  .jobLocationCard {
    margin-top: 40px;
  }

  .advabsFilter {
    padding-bottom: 20px;
    margin: 10px 0 20px 0;
  }

  .nearby_input {
    margin-bottom: 20px;
  }

  .helpSupport-text h5 {
    font-size: 28px;
  }

  .nearbyJob-baar span.select2-selection,
  .advabsFilter-detail span.select2-selection {
    margin-bottom: 20px;
  }

  .popular-section .card .job-user {
    height: 64px;
    width: 64px;
  }

  .findjobBg {
    padding: 30px;
    border-radius: 20px;
  }

  .findjob-section .cityBox {
    /* grid-template-columns: repeat(3, 1fr); */
    gap: 20px;
  }

  .findjob-section .cityBox .card {
    min-width: 115px;
  }

  .findjob-section .cityBox .card h6,
  .findjob-section .cityBox .card p {
    font-size: 14px;
  }

  .findjob-section .cityBox .card img {
    height: auto;
  }

  .companiesCarousel .owl-nav {
    top: -50px;
  }

  .companiesCarousel .card {
    min-height: 280px;
  }

  .companiesCarousel .card .comImg {
    width: 64px;
    height: 64px;
  }

  .companiesCarousel .card h5,
  .support-section .card h5 {
    font-size: 18px;
  }

  .popular-section .card .view-bx {
    padding: 10px;
  }

  .job_list_category {
    grid-template-columns: 1fr;
  }

  .cities-title {
    font-size: 24px;
  }

  .support-section .card .icon,
  .how-it-worksbx .card .icon,
  .counter-section .card .icon {
    width: 50px;
    height: 50px;
  }

  .support-section .card .icon i,
  .how-it-worksbx .card .icon i,
  .counter-section .card .icon i {
    font-size: 20px;
  }

  .hero-section.inner_banner,
  .success-password-sec {
    padding-top: 105px;
  }

  .trusted-bx.mob-center {
    margin-left: auto;
    margin-right: auto;
  }

  html[lang="hi"] .heroImg .posted-bx p,
  html[lang="bn"] .heroImg .posted-bx p,
  html[lang="gu"] .heroImg .posted-bx p,
  html[lang="kn"] .heroImg .posted-bx p,
  html[lang="mr"] .heroImg .posted-bx p,
  html[lang="ml"] .heroImg .posted-bx p,
  html[lang="or"] .heroImg .posted-bx p,
  html[lang="pa"] .heroImg .posted-bx p,
  html[lang="ta"] .heroImg .posted-bx p,
  html[lang="te"] .heroImg .posted-bx p {
    font-size: 14px;
  }

  html[lang="kn"] .downloadBaar h6,
  html[lang="ml"] .downloadBaar h6,
  html[lang="te"] .downloadBaar h6,
  html[lang="kn"] .downloadBaar button.shiny-effect,
  html[lang="te"] .downloadBaar button.shiny-effect,
  html[lang="ml"] .downloadBaar button.shiny-effect {
    font-size: 10px;
  }
}

@media (max-width: 576px) {

  h1,
  .resume_head h1 {
    font-size: 32px;
    line-height: 1.1;
  }

  html[lang="hi"] h1,
  html[lang="bn"] h1,
  html[lang="gu"] h1,
  html[lang="kn"] h1,
  html[lang="ml"] h1,
  html[lang="mr"] h1,
  html[lang="or"] h1,
  html[lang="pa"] h1,
  html[lang="ta"] h1,
  html[lang="te"] h1 {
    font-size: 28px;
    line-height: 1.3;
  }

  .job_seeker {
    margin: 0;
  }

  .searchJob {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }

  .heroImg .posted-bx {
    width: 112px;
    height: 70px;
    border-radius: 10px;
  }

  .carousel_itemsinner {
    min-height: 565px;
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .testimonial_carousel .carousel-inner .carousel-item {
    padding: 0px 20px;
  }

  .rating-star {
    margin-top: 20px;
  }

  .heroImg .posted-bx span,
  .trusted-bx,
  .trusted-bx span,
  .counter-grid .text {
    font-size: 12px;
  }

  .counter-grid .count {
    font-size: 20px;
    line-height: 26px;
  }

  .opportunitiesImgs::after {
    width: 88px;
    height: 88px;
  }

  .opportunitiesImgs::before {
    width: 50px;
    height: 50px;
  }

  .searchJob .input-group {
    width: 100%;
  }

  .findjobBg {
    padding: 20px 10px;
  }

  .findjob-section .cityBox {
    /* grid-template-columns: repeat(2, 1fr); */
    gap: 12px;
  }

  .trendingCarousel.owl-theme .owl-nav button.owl-prev {
    left: -8px;
  }

  .trendingCarousel.owl-theme .owl-nav button.owl-next {
    right: -8px;
  }

  .hero-section .theme-button-two {
    padding: 8px 14px;
    border-radius: 8px;
  }

  .hero-section .theme-button-two.btn-tran-bg {
    padding: 8px 14px 8px;
  }

  .store-list a {
    padding: 8px 12px;
    gap: 8px;
  }

  .store-list a .icon {
    width: 28px;
    height: 28px;
  }

  .store-list a .storeText {
    font-size: 14px;
  }

  .store-list a .dwdText {
    font-size: 10px;
  }

}

@media (max-width: 440px) {
  .recuiter-section .recuiter-tabing .nav-tabs .nav-link {
    font-size: 10px;
    padding: 10px 8px;
  }

  .recuiter-section .recuiter-tabing .nav-tabs .nav-link span img {
    width: 14px;
  }

  .recuiter_head a {
    font-size: 12px;
    padding: 12px 15px;
  }
}

@media (max-width: 300px) {
  .login_sec.recuter_edit .form-box {
    padding: 0;
  }

  .skill_modal .select_skills .skill_type h5,
  .position_modal .select_position h5,
  .position_modal label,
  .work_profile_modal textarea,
  .work_profile_modal label,
  .profile_des .skill_part h6,
  .tab_sec .tab-content .talent_box h6,
  .tab_sec .tab-content h5,
  .doc_box h5,
  .profile_des .profileright_col .language_col p,
  .store-list a .storeText,
  .development-bx p,
  .home-para,
  p,
  .profile_details p,
  .profile_details p span,
  .profile_des .skill_details small,
  .profile_des .skill_details h4,
  .profile_details h6,
  .login_sec .form-box .form-section .loginbottom_text,
  .login_sec .forget_text,
  .login_sec .form-box .form-section p,
  .login_sec .form-box form label.form-label,
  .filter_sec nav ul.pagination li span,
  .filter_sec nav ul.pagination li a i,
  .filter_sec nav ul.pagination li a,
  .profile_sec .card textarea,
  .profile_sec .card .input_box input,
  .profile_sec .card label,
  .profile_sec.recuter_edit p {
    font-size: 14px;
  }

  .profile_des.view_des .card.skill_part span.info_btn,
  .skill_part span.tag,
  .job-card .action-buttons button,
  .footer .page-list li a,
  .footer .policy-list li a,
  .footer .callNow {
    font-size: 12px;
  }

  .login_sec .form-box .form-section {
    padding: 20px 10px;
  }

  .login_sec.profile_sec.recuter_edit .container .head {
    margin-bottom: 0 !important;
  }

  .work_profile_modal input,
  .work_profile_modal select,
  .profile_sec .form-box .member-error select,
  .profile_sec .form-box .input_box {
    padding: 12px 15px !important;
  }

  .login_sec .form-box .info-section img {
    position: unset;
    width: 100%;
  }

  .login_sec .form-box .info-section {
    padding: 25px 25px 1px;
    min-height: unset;
  }

  .login_sec .form-box .info-section p {
    font-size: 14px;
    width: 100%;
  }

  .login_sec .form-box .info-section h2 {
    font-size: 24px;
    line-height: 35px;
  }

  .login_sec .submit_btn {
    padding: 12px;
    font-size: 14px;
  }

  .login_sec .form-box form .input_box {
    padding: 12px;
  }

  .profile_head .avatar .user_profile_avatar img {
    width: 100px;
    height: 100px;
  }

  .profile_head #updateimg .profile-avatar .icon-2 .icon:nth-child(1) {
    top: -70px;
    right: -13px;
  }

  .profile_head #updateimg .profile-avatar .icon-2 .icon {
    width: 30px;
    height: 30px;
  }

  .profile_head #updateimg .profile-avatar .icon-2:nth-child(2) .icon:nth-child(2) {
    position: absolute;
    top: -38px;
    right: 5px;
  }

  .profile_des .action-card h5,
  .profile_des h3,
  .heroImg .posted-bx p {
    font-size: 16px !important;
  }

  .salary_col h5 {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
  }

  .profile_details h3 {
    font-size: 22px;
  }

  .skill_part span.tag {
    margin: 6px 0;
    padding: 8px 12px;
  }

  .profile_head {
    padding: 90px 0 15px;
  }

  .work_profile_modal .modal-content,
  .profile_des.user-profile .card {
    padding: 18px !important;
  }

  .swal2-popup .swal2-title {
    font-size: 20px !important;
  }

  .swal2-popup .swal2-styled,
  .swal2-popup #swal2-content {
    font-size: 14px !important;
  }

  .swal2-popup .swal2-actions {
    flex-direction: column;
    gap: 12px;
  }

  .position_modal .modal-header h5,
  .work_profile_modal h5 {
    font-size: 18px;
    margin-bottom: 25px;
  }

  .position_modal .modal-content {
    padding: 50px 18px 30px;
  }

  form#updateposition .modal-body {
    padding-top: 0;
  }

  h1,
  .resume_head h1 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .hero-section.inner_banner {
    min-height: unset;
    padding-top: 90px;
    padding-bottom: 35px;
  }

  .profile_des .action-card button,
  .job-card .action-buttons a,
  .job-card .action-buttons button {
    font-size: 14px;
    max-width: 50%;
  }

  section#course-list {
    padding-bottom: 0;
  }

  .work_profile_modal .form-group .iti.iti--allow-dropdown.iti--separate-dial-code input#mobile {
    padding-left: 90px !important;
  }

  #other-skill-dropdown input,
  .work_profile_modal.skill_modal .select_skills .skill_type label {
    min-width: 96% !important;
    padding: 8px 10px;
    font-size: 14px;
  }

  ul.your_skill.member-error.choose_radio li label input,
  .work_profile_modal.skill_modal form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    padding: 9px !important;
  }

  .skill_modal .select_skills .skill_type h5,
  .work_profile_modal.skill_modal form .select_skills .your_skill {
    margin-bottom: 0 !important;
  }

  .resume_modal .modal-content {
    padding: 40px 18px;
  }

  .resume_modal .remove_resume {
    padding: 15px;
    margin: 10px 0 0;
  }

  .profile_des.view_des .card.card-padding {
    padding: 20px;
  }

  .profile_des.view_des .card.card-padding p.fs-6,
  .profile_des.view_des .card.skill_part p.fs-6 {
    font-size: 14px !important;
  }
}