@media (min-width: 320px) and (max-width: 1600px) {

    #vacancy-video {
        height: 600px;
    }
    .dream__job__card {
        margin-top: 0px;
    }

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1365px;
     }

     .hero-content h2 {
         font-size: 58px;
         line-height: 86px;
     }

     .hero-content p {
         font-size: 24px;
         line-height: 36px;
     }

     .hero-content p b {
         font-size: 27px;
         line-height: 40px;
     }

     .header-btn a {
         font-size: 24px;
         padding: 20px 52px;
     }

     .main-menu ul li a {
         font-size: 19px;
         line-height: 30px;
     }

     .common-btn {
         font-size: 22px;
         line-height: 40px;
         border-radius: 20px;
         padding: 19px 40px;
     }

     .hero-btn a {
         min-width: 270px;
         margin-right: 8px;
     }

     .section-title h5 {
         font-size: 32px;
     }

     .section-title h2 {
         font-size: 56px;
     }

     .section-title p {
         font-size: 22px;
         line-height: 34px;
         max-width: 1228px;
     }

     .easy-card-body h5 {
         font-size: 26px;
         line-height: 40px;
         margin-bottom: 7px;
     }

     .easy-card-body p {
         font-size: 20px;
         line-height: 30px;
     }

     .easy-card {
         padding: 28px;
         padding-bottom: 40px;
         padding-top: 1px;
     }

     .testimonial-card {
         border-radius: 57px;
         padding: 130px 61px 50px;
         max-width: 1124px;
     }

     .j-card-body h5 {
         font-size: 22px;
         margin-bottom: 27px;
     }

     .j-card-body li {
         font-size: 21px;
         padding: 0 6px;
     }

     .j-card-btn a {
         font-size: 24px;
         line-height: 1.2;
         border-radius: 20px;
         padding: 17px 30px;
     }


     .j-card h4 {
         font-size: 28px;
         padding-bottom: 30px;
         margin-bottom: 26px;
     }

     .section-title h4 {
         font-size: 42px;
     }

     .section-title {
         padding-bottom: 60px;
     }

     .footer-item ul li a {
         font-size: 25px;
         margin-bottom: 15px;
     }

     .footer-item h4 {
         font-size: 29px;
         line-height: 48px;
         margin-bottom: 15px;
     }

     .footer-bottom p {
         font-size: 18px;
         line-height: 130.5%;
     }

     .footer-bottom h5 {
         font-size: 22px;
         line-height: 186.5%;
         margin-bottom: 0px;
     }

     .job-slide-card-thumb {
         height: 700px;
         border-radius: 0 0 25px 25px;
     }

     .job-slide-card-content a {
         font-size: 36px;
         line-height: 100.5%;
     }

     .job-slide-card-content a i {
         margin-left: 14px;
         font-size: 26px;
     }

     .job-slide-card-content h4 {
         font-size: 29px;
     }
 }

 @media (min-width: 320px) and (max-width: 1440px) {
     .jobs-slider {
         max-width: 97%;
         margin: 0 auto;
     }
 }

 @media (min-width: 320px) and (max-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1160px;
     }

     .header-btn a {
         font-size: 20px;
         padding: 18px 44px;
     }

     .main-menu ul li a {
         font-size: 17px;
         line-height: 28px;
     }

     .header-logo {
         max-width: 130px;
     }

     .puestion-mark {
         margin-left: 50px;
     }

     .hero-content h2 {
         font-size: 50px;
         line-height: 1.2;
         padding-top: 4px;
     }

     .hero-content h4 {
         font-size: 34px;
     }

     .hero-content p {
         font-size: 21px;
         line-height: 30px;
     }

     .hero-content p b {
         font-size: 24px;
         line-height: 36px;
     }

     .common-btn {
         font-size: 18px;
         line-height: 34px;
         border-radius: 10px;
         padding: 14px 40px;
     }

     .hero-btn a {
         min-width: 250px;
     }

     .section-title h5 {
         font-size: 24px;
     }

     .section-title h2 {
         font-size: 44px;
     }

     .logo-icon {
         padding: 0 25px;
         margin-bottom: 25px;
     }

     .section-title p {
         font-size: 18px;
         line-height: 28px;
         max-width: 1040px;
     }

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

     .job-slide-card-thumb {
         height: 510px;
     }

     .job-slide-card-content {
         padding: 26px 25px;
     }

     .job-slide-card-content h4 {
         font-size: 22px;
     }

     .job-slide-card-content a {
         font-size: 31px;
         line-height: 100.5%;
     }

     .job-slide-card-content a i {
         margin-left: 13px;
         font-size: 22px;
     }

     .list li {
         font-size: 18px;
         line-height: 26px;
     }

     .or-text {
         font-size: 35px;
         padding: 0 30px;
     }

     .way-card-body h4 {
         font-size: 33px;
         padding-bottom: 8px;
     }

     .way-card-body ul {
         padding-top: 7px;
         padding-bottom: 20px;
     }

     .way-card-body ul li {
         font-size: 20px;
         line-height: 1.3;
         margin-bottom: 17px;
     }

     .way-card-body ul li span {
         margin-right: 12px;
         flex: 0 0 auto;
     }

     .way-card-btns a {
         font-size: 22px;
         line-height: 44px;
         padding: 14px 20px;
         margin-bottom: 15px;
         border-radius: 18px;
     }

     .way-card-body {
         padding: 38px;
         padding-top: 34px;
     }

     .way-card-thumb {
         height: 312px;
     }

     .section-title {
         padding-bottom: 40px;
     }

     .easy-card-icon {
         width: 115px;
         height: 115px;
         margin-bottom: 12px;
         border: 14px solid #C848D9;
         margin-top: -55px;
     }

     .easy-card-icon img {
         max-height: 48px;
     }

     .easy-card {
         padding: 20px;
         padding-bottom: 34px;
         padding-top: 1px;
     }

     .easy-card-body h5 {
         font-size: 23px;
         line-height: 34px;
         margin-bottom: 5px;
     }

     .easy-card-body p {
         font-size: 17px;
         line-height: 26px;
     }

     .quote-icon {
         max-width: 200px;
     }

     .testimonial-card {
         border-radius: 57px;
         padding: 88px 45px 39px;
         max-width: 940px;
     }

     .testimonial-card-text {
         font-size: 23px;
         line-height: 35px;
         margin-bottom: 40px;
     }

     .testimonial-card-data h5 {
         font-size: 30px;
         padding-top: 20px;
         margin-bottom: 3px;
     }

     .testimonial-card-data p {
         font-size: 20px;
         line-height: 35px;
     }

     .stars i {
         font-size: 22px;
         margin: 0 7px;
     }

     .find-area .section-title p {
         font-size: 28px;
         line-height: 43px;
     }

     .section-title h4 {
         font-size: 36px;
     }

     .accordion-button {
         padding: 24px 40px;
         font-size: 21px;
         line-height: 36px;
     }

     .j-card {
         margin-bottom: 28px;
         border: 4px solid #C848D9;
         border-radius: 20px;
         padding: 33px 31px;
     }

     .j-card-body {
         padding: 0 8px;
     }

     .j-card-body li {
         font-size: 20px;
         padding: 0 5px;
     }

     .j-card h4 {
         font-size: 26px;
         padding-bottom: 26px;
         margin-bottom: 24px;
     }

     .j-card-body h5 {
         font-size: 20px;
         margin-bottom: 26px;
     }

     .j-card-btn a {
         font-size: 22px;
         line-height: 1.2;
         border-radius: 18px;
         padding: 16px 28px;
     }

     .j-card-btn {
         padding-top: 25px;
     }

     .footer-item ul li a {
         font-size: 19px;
         margin-bottom: 14px;
     }

     .footer-item h4 {
         font-size: 24px;
         line-height: 42px;
         margin-bottom: 13px;
     }

     .footer-bottom p {
         font-size: 17px;
         line-height: 127.5%;
     }

     .footer-bottom h5 {
         font-size: 20px;
         line-height: 185.5%;
         margin-bottom: 0px;
     }

     .footer-bottom {
         padding-top: 30px;
         padding-bottom: 35px;
     }

     .header-area {
         padding: 24px 0;
     }

     .footer-social a {
         max-width: 45px;
         margin-right: 16px;
     }

     .tech_thumb {
         margin-left: -100px;
     }

     .find__content .section-title h1 {
         font-size: 126px;
         line-height: 143px;
     }

     .section-title h3 {
         font-size: 45px;
     }





     .job__inner__blk {
         padding: 30px;
     }

     .job__ico {
         height: 110px;
     }

     .job__card__blk {
         border-radius: 24px;
         min-height: 263px;
         padding: 30px;
     }

     .job__text p {
         font-size: 21px;
         line-height: 33px;
         margin-top: 10px;
     }

     .job__list ul li a {
         font-size: 18px;
     }

     .job__list ul li a img {
         height: 18px;
         top: 1px;
     }

     .section-title>.text-center img {
         height: 20px;
     }

     .joblist__blk {
         padding: 50px 0;
     }

     .dream__job__card {
         border-radius: 20px;
         padding: 30px 20px;
         margin-top: 0;
     }

     .popup__menu__blk ul li a {
         font-size: 18px;
         padding: 0 20px;
         padding-bottom: 17px;
         border-bottom: 5px solid transparent;
     }

     .address__inner__blk {
         border-radius: 10px;
         padding: 30px 25px;
     }

     .component__main__blk {
         grid-template-columns: repeat(2, 1fr);
         gap: 50px;
     }

     .create__main__blk {
         border-radius: 25px;
         padding: 60px 90px;
     }
 }



 @media (min-width: 768px) and (max-width: 1200px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1160px;
     }



     .tech_thumb {
         margin-left: -100px;
         max-width: 600px;
         margin-bottom: 20px;
     }

     .find__content .section-title h1 {
         font-size: 130px;
         line-height: 140px;
     }


     .find__content .section-title h1 {
         font-size: 126px;
         line-height: 143px;
     }




     .easy-area .section-title {
         padding: 0;
     }

     .accordion-item {
         border-radius: 11px !important;
     }

     .accordion-body {
         padding: 16px 25px;
     }

     .footer {
         padding-top: 50px;
     }

     .footer-top {
         padding-bottom: 20px;
     }

     .header-btn a {
         font-size: 17px;
         padding: 18px 44px;
     }

     .main-menu ul li a {
         font-size: 17px;
         line-height: 28px;
     }

     .header-logo {
         max-width: 100px;
     }

     .puestion-mark {
         margin-left: 0;
         margin: 16px 0;
     }

     .hero-content h2 {
         font-size: 45px;
         line-height: 1.2;
         padding-top: 4px;
     }

     .hero-content h4 {
         font-size: 28px;
     }

     .hero-content p {
         font-size: 18px;
         line-height: 25px;
     }

     .hero-content p b {
         font-size: 18px;
         line-height: 24px;
     }

     .common-btn {
         font-size: 18px;
         line-height: 34px;
         border-radius: 16px;
         padding: 14px 26px;
     }

     .hero-btn a {
         min-width: 226px;
     }

     .section-title h5 {
         font-size: 24px;
     }

     .section-title h2 {
         font-size: 38px;
     }

     .jobs-slider .owl-dots .owl-dot {
         height: 10px;
         width: 10px;
         border-radius: 10px;
         transition: .3s all;
         border: 1px solid #C848D9;
         margin: 0 5px;
     }

     .jobs-slider .owl-dots {
         position: absolute;
         bottom: -45px;
         left: 50%;
         transform: translateX(-50%);
     }

     .jobs-slider .owl-nav {
         display: none;
     }

     .jobs-slider .owl-dots .owl-dot.active {
         background: #C848D9;
     }

     .logo-icon {
         padding: 0 34px;
         margin-bottom: 25px;
     }

     .section-title p {
         font-size: 20px;
         line-height: 32px;
         max-width: 1040px;
     }

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

     .job-slide-card-thumb {
         height: 510px;
     }

     .job-slide-card-content {
         padding: 26px 25px;
     }

     .job-slide-card-content h4 {
         font-size: 22px;
     }

     .job-slide-card-content a {
         font-size: 31px;
         line-height: 100.5%;
     }

     .job-slide-card-content a i {
         margin-left: 13px;
         font-size: 22px;
     }

     .list li {
         font-size: 16px;
         line-height: 22px;
     }

     .or-text {
         font-size: 35px;
         padding: 0 30px;
     }

     .way-card-body h4 {
         font-size: 26px;
         padding-bottom: 8px;
     }

     .way-card-body ul {
         padding-top: 7px;
         padding-bottom: 20px;
     }

     .way-card-body ul li {
         font-size: 17px;
         line-height: 1.3;
         margin-bottom: 17px;
     }

     .way-card-body ul li span {
         margin-right: 12px;
         flex: 0 0 auto;
     }

     .way-card-btns a {
         font-size: 18px;
         line-height: 35px;
         padding: 11px 15px;
         margin-bottom: 15px;
         border-radius: 12px;
     }

     .way-card-body {
         padding: 25px;
         padding-top: 30px;
     }

     .way-card-thumb {
         height: 312px;
     }

     .section-title {
         padding-bottom: 40px;
     }

     .easy-card-icon {
         width: 100px;
         height: 100px;
         margin-bottom: 12px;
         border: 8px solid #C848D9;
         margin-top: -55px;
     }

     .easy-card-icon img {
         max-height: 32px;
     }

     .easy-card {
         padding: 20px;
         padding-bottom: 34px;
         padding-top: 1px;
         margin-top: 60px;
     }

     .easy-card-body h5 {
         font-size: 18px;
         line-height: 30px;
         margin-bottom: 5px;
     }

     .easy-card-body p {
         font-size: 15px;
         line-height: 22px;
     }

     .quote-icon {
         max-width: 181px;
     }

     .testimonial-card {
         border-radius: 57px;
         padding: 88px 45px 39px;
         max-width: 940px;
     }

     .testimonial-card-text {
         font-size: 20px;
         line-height: 28px;
         margin-bottom: 35px;
     }

     .testimonial-card-data h5 {
         font-size: 30px;
         padding-top: 20px;
         margin-bottom: 3px;
     }

     .testimonial-card-data p {
         font-size: 20px;
         line-height: 35px;
     }

     .stars i {
         font-size: 22px;
         margin: 0 7px;
     }

     .find-area .section-title p {
         font-size: 21px;
         line-height: 34px;
     }

     .section-title h4 {
         font-size: 30px;
     }

     .accordion-button {
         padding: 16px 25px;
         font-size: 18px;
         line-height: 32px;
     }

     .j-card {
         margin-bottom: 28px;
         border: 4px solid #C848D9;
         border-radius: 20px;
         padding: 33px 31px;
     }

     .j-card-body {
         padding: 0 8px;
     }

     .j-card-body li {
         font-size: 20px;
         padding: 0 5px;
     }

     .j-card h4 {
         font-size: 22px;
         padding-bottom: 26px;
         margin-bottom: 24px;
     }

     .j-card-body h5 {
         font-size: 20px;
         margin-bottom: 26px;
     }

     .j-card-btn a {
         font-size: 18px;
         line-height: 1.2;
         border-radius: 11px;
         padding: 13px 25px;
     }

     .j-card-btn {
         padding-top: 25px;
     }

     .footer-item ul li a {
         font-size: 18px;
         line-height: 27px;
         margin-bottom: 14px;
     }

     .footer-item h4 {
         font-size: 20px;
         line-height: 26px;
         margin-bottom: 13px;
     }

     .footer-bottom p {
         font-size: 15px;
         line-height: 127.5%;
     }

     .footer-bottom h5 {
         font-size: 16px;
         line-height: 184.5%;
         margin-bottom: 0px;
     }

     .footer-bottom {
         padding-top: 15px;
         padding-bottom: 20px;
     }

     .header-area {
         padding: 12px 0;
     }

     .open__menu {
         font-size: 23px;
         color: #C542D0;
         cursor: pointer;
     }

     .footer-social a {
         max-width: 36px;
         margin-right: 16px;
     }

     .none_desk {
         display: block;
     }


     .header-right-blk {
         position: fixed;
         left: -100%;
         top: 0;
         height: 100%;
         width: 330px;
         padding: 20px;
         padding-top: 120px;
         display: unset;
         z-index: 999;
         background: #fff;
         transition: .3s all;
     }

     .main-menu ul li {
         display: block;
         padding: 5px 0;
         margin: 0;
         border-bottom: 1px solid #C848D9;
     }

     .main-menu {
         margin-bottom: 30px;
     }

     .main-menu ul li a {
         padding: 6px 0;
         display: block;
     }

     .header-btn {
         margin-left: 0;
     }

     .header-btn a {
         justify-content: center;
     }

     .close__menu {
         position: absolute;
         line-height: 1;
         right: 20px;
         top: 20px;
         font-size: 30px;
         color: #C848D9;
         cursor: pointer;
     }

     .overlay {
         position: fixed;
         left: -100%;
         top: 0;
         height: 100%;
         width: 100%;
         background: #00C8C67D;
         z-index: 555;
         transition: .5s all;
     }

     .hero-thumb {
         display: none;
     }

     .header-right-blk.active {
         left: 0;
     }

     .overlay.active {
         left: 0;
     }

     .testimonial-slider {
         padding: 0 60px;
     }

     .lang_with_quesrion {
         display: flex;
     }

     .lang_with_quesrion .puestion-mark {
         margin-left: 30px;
         margin-right: 30px;
     }

     .phone_none {
         display: none;
     }

     .main-menu ul li a::before {
         display: none;
     }





     .job__cat__area {
         padding-bottom: 50px;
         margin-top: 45px;
     }

     .breadcrumb_area {
         padding: 76px 0 !important;
     }

     .hero__search input {
         font-size: 24px;
         border-radius: 14px;
         padding: 24px;
         padding-left: 90px;
     }

     .dream__job__card {
         border-radius: 20px;
         padding: 30px 20px;
         margin-top: 0;
     }

     .popup__menu__blk ul li a {
         font-size: 18px;
         padding: 0 20px;
         padding-bottom: 17px;
         border-bottom: 5px solid transparent;
     }

     .address__inner__blk {
         border-radius: 10px;
         padding: 30px 25px;
     }

     .component__main__blk {
         grid-template-columns: repeat(2, 1fr);
         gap: 50px;
     }

     .create__main__blk {
         border-radius: 25px;
         padding: 60px 90px;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {

     .find__area {
         padding-bottom: 45px;
     }

     .customers__area {
         padding-bottom: 65px;
     }

     .ideal__thumb {
         margin: 0 auto;
     }

     .application__card__area {
         max-width: 600px;
         margin: 0 auto;
     }





     .register__thumb img {
         max-width: 400px;
     }

     .register__main__form {
         padding: 0;
         margin: 21px 0;
         margin-bottom: 0;
     }

     .register__form {
         padding: 60px 0;
     }

     .secondary__register__form {
         padding: 30px;
     }



     .job__cat__area {
         padding-bottom: 50px;
         margin-top: 45px;
     }

     .breadcrumb_area {
         padding: 76px 0 !important;
     }

     .hero__search input {
         font-size: 24px;
         border-radius: 14px;
         padding: 24px;
         padding-left: 90px;
     }

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

     .single__job__list h4 {
         font-size: 26px;
     }

     .job__cat__ico {
         height: 70px;
         margin-bottom: 15px;
     }

     .schedule_form__blk::before {
         width: 100%;
     }

     .schedule_form__blk {
         padding: 30px 15px;
     }

     .register__text h4 {
         font-size: 39px;
         line-height: 47px;
     }

     .dream__job__card {
         border-radius: 20px;
         padding: 30px 20px;
         margin-top: 0;
     }

     .popup__menu__blk ul li a {
         font-size: 18px;
         padding: 0 20px;
         padding-bottom: 17px;
         border-bottom: 5px solid transparent;
     }

     .address__inner__blk {
         border-radius: 10px;
         padding: 30px 25px;
     }

     .component__main__blk {
         grid-template-columns: repeat(2, 1fr);
         gap: 50px;
     }

     .create__main__blk {
         border-radius: 25px;
         padding: 60px 90px;
     }

     .map__details__location span {
         width: 380px;
         height: 90px;
         border-radius: 15px;
         border: 3px solid #C848D9;
         gap: 16px;
         font-size: 20px;
     }

     .map__details__select .nice-select {
         border-radius: 15px;
         font-size: 20px;
         height: 90px;
         line-height: 90px;
         padding-left: 44px;
         padding-right: 50px;
         min-width: 450px;
     }

     .map__details__right span {
         width: 260px;
         height: 90px;
         border-radius: 20px;
         border: 3px solid #C848D9;
         font-size: 20px;
         gap: 16px;
     }

     .vergutung__topbar h2 {
         font-size: 35px;
         margin: 0px 30px;
     }

     .vergutung__btn a {
         background-color: #00C8C6;
         width: 442px;
         height: 95px;
         border-radius: 15px;
         gap: 20px;
         font-size: 23px;
     }

     .component__single__blk {
         border: 3px solid #00C8C6;
         border-radius: 20px;
         padding: 35px;
     }

     .component__title h4 {
         font-size: 48px;
     }

     .create__topbar h2 {
         font-size: 40px;
         margin-bottom: 30px;
     }

     .create__topbar span {
         font-size: 30px;
         margin-bottom: -7px;
     }

     .create__topbar ul li a img {
         width: 45px;
     }

     .create__main__blk h4 {
         font-size: 33px;
         margin-bottom: 50px;
     }

     .create__main__blk a {
         width: 350px;
         height: 90px;
         border-radius: 15px;
         font-size: 25px;
     }

     .similar__job__title h2 {
         font-size: 42px;
     }
 }

 @media (min-width: 320px) and (max-width: 991px) {
     .find__thumb {
         display: none;
     }
 }


 @media (min-width: 320px) and (max-width: 767px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1160px;
     }

     .customers__area {
         padding-bottom: 40px;
     }

     .register__text h4 {
         font-size: 33px;
         line-height: 40px;
     }

     .schedule__list__blk {
         border-radius: 15px;
         height: auto;
         padding: 20px;
         margin-bottom: 20px;
     }

     .schedule__list__content h4 {
         font-size: 24px;
         line-height: 32px;
         margin-bottom: 20px;
     }

     .schedule__list__content ul li {
         font-size: 17px;
         line-height: 27px;
         margin-bottom: 14px;
     }

     .find__area {
         padding: 40px 0;
     }

     .breadcrumb_area {
         padding: 40px 0;
     }

     .ideal__thumb {
         margin: 0 auto;
     }

     .tech_thumb {
         margin-left: -100px;
         max-width: 600px;
         margin-bottom: 20px;
     }

     .find__content .section-title h1 {
         font-size: 85px;
         line-height: 89px;
     }

     .breadcrumb_area {
         padding: 40px 0;
     }

     .hero-btn a i {
         margin-left: 6px;
         font-size: 25px;
     }

     .section-title h3 {
         font-size: 30px;
     }

     .about__area .row {
         padding-top: 20px;
     }

     .application__area {
         padding: 30px 0;
     }

     .application__card__top__blk h3 {
         font-size: 25px;
         line-height: 35px;
     }

     .application__card__top__blk h2 {
         font-size: 47px;
         line-height: 97%;
     }

     .application__card__top__blk h5 {
         font-size: 23px;

     }

     .application__card__area .way-card-body {
         min-height: auto;
         padding: 26px 20px;
     }

     .application__card__area {
         max-width: 450px;
         margin: 0 auto;
     }

     .ideal__thumb {
         margin: 0 auto;
     }

     .customers__details p {
         font-size: 16px;
         line-height: 24px;
     }

     .application__card__area .way-card-thumb {
         height: 200px;
     }

     .customer__name h5 {
         font-size: 22px;
         margin-bottom: 8px;
     }

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

     .customer__thumb {
         max-width: 180px;
         margin: 0 auto;
         margin-top: -90px;
     }

     .customers__card__wrapper {
         max-width: 450px;
         margin: 0 auto;
         margin-top: 91px;
     }

     .easy-area .section-title {
         padding: 0;
     }

     .accordion-item {
         border-radius: 11px !important;
     }

     .accordion-body {
         padding: 16px 25px;
     }

     .footer {
         padding-top: 50px;
     }

     .footer-top {
         padding-bottom: 20px;
     }

     .header-btn a {
         font-size: 17px;
         padding: 18px 44px;
     }

     .main-menu ul li a {
         font-size: 17px;
         line-height: 28px;
     }

     .header-logo {
         max-width: 100px;
     }

     .puestion-mark {
         margin-left: 0;
         margin: 16px 0;
     }

     .hero-content h2 {
         font-size: 36px;
         line-height: 1.2;
         padding-top: 4px;
     }

     .hero-content h4 {
         font-size: 22px;
     }

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

     .hero-content p b {
         font-size: 16px;
         line-height: 20px;
     }

     .common-btn {
         font-size: 16px;
         line-height: 28px;
         border-radius: 10px;
         padding: 14px 26px;
     }

     .hero-btn a {
         min-width: 170px;
     }

     .section-title h5 {
         font-size: 20px;
     }

     .section-title h2 {
         font-size: 30px;
     }

     .logo-icon {
         padding: 0 35px;
         margin-bottom: 25px;
     }

     .section-title p {
         font-size: 16px;
         line-height: 28px;
         max-width: 1040px;
     }

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

     .job-slide-card-thumb {
         height: 510px;
     }

     .job-slide-card-content {
         padding: 26px 25px;
     }

     .job-slide-card-content h4 {
         font-size: 22px;
     }

     .job-slide-card-content a {
         font-size: 31px;
         line-height: 100.5%;
     }

     .job-slide-card-content a i {
         margin-left: 13px;
         font-size: 22px;
     }

     .list li {
         font-size: 16px;
         line-height: 22px;
     }

     .or-text {
         font-size: 35px;
         justify-content: center;
         padding: 20px 0;
         font-size: 23px;
     }

     .way-card-body h4 {
         font-size: 26px;
         padding-bottom: 8px;
     }

     .way-card-body ul {
         padding-top: 7px;
         padding-bottom: 20px;
     }

     .way-card-body ul li {
         font-size: 17px;
         line-height: 1.3;
         margin-bottom: 17px;
     }

     .way-card-body ul li span {
         margin-right: 12px;
         flex: 0 0 auto;
     }

     .way-card-btns a {
         font-size: 16px;
         line-height: 35px;
         padding: 11px 15px;
         margin-bottom: 15px;
         border-radius: 12px;
     }

     .way-card-body {
         padding: 25px;
         padding-top: 30px;
     }

     .way-card-thumb {
         height: 312px;
     }

     .section-title {
         padding-bottom: 40px;
     }

     .easy-card-icon {
         width: 100px;
         height: 100px;
         margin-bottom: 12px;
         border: 8px solid #C848D9;
         margin-top: -55px;
     }

     .easy-card-icon img {
         max-height: 32px;
     }

     .easy-card {
         padding: 20px;
         padding-bottom: 34px;
         padding-top: 1px;
         margin-top: 60px;
     }

     .easy-card-body h5 {
         font-size: 18px;
         line-height: 30px;
         margin-bottom: 5px;
     }

     .jobs-slider .owl-dots .owl-dot {
         height: 10px;
         width: 10px;
         border-radius: 10px;
         transition: .3s all;
         border: 1px solid #C848D9;
         margin: 0 5px;
     }

     .jobs-slider .owl-dots {
         position: absolute;
         bottom: -45px;
         left: 50%;
         transform: translateX(-50%);
     }

     .jobs-slider .owl-nav {
         display: none;
     }

     .jobs-slider .owl-dots .owl-dot.active {
         background: #C848D9;
     }

     .easy-card-body p {
         font-size: 15px;
         line-height: 22px;
     }

     .quote-icon {
         max-width: 181px;
     }

     .testimonial-card {
         border-radius: 25px;
         padding: 35px 25px 22px;
         max-width: 940px;
         border: 7px solid #00C8C6;
     }

     .testimonial-card-text {
         font-size: 18px;
         line-height: 28px;
         margin-bottom: 35px;
     }

     .testimonial-card-data h5 {
         font-size: 30px;
         padding-top: 20px;
         margin-bottom: 3px;
     }

     .testimonial-card-data p {
         font-size: 20px;
         line-height: 35px;
     }

     .stars i {
         font-size: 22px;
         margin: 0 7px;
     }

     .find-area .section-title p {
         font-size: 16px;
         line-height: 27px;
     }

     .section-title h4 {
         font-size: 23px;
     }

     .accordion-button {
         padding: 16px 25px;
         font-size: 14px;
         line-height: 23px;
     }

     .j-card {
         margin-bottom: 28px;
         border: 4px solid #C848D9;
         border-radius: 20px;
         padding: 33px 31px;
     }

     .j-card-body {
         padding: 0 8px;
     }

     .j-card-body li {
         font-size: 17px;
         padding: 0 5px;
     }

     .j-card h4 {
         font-size: 20px;
         padding-bottom: 26px;
         margin-bottom: 24px;
     }

     .j-card-body h5 {
         font-size: 20px;
         margin-bottom: 26px;
     }

     .j-card-btn a {
         font-size: 18px;
         line-height: 1.2;
         border-radius: 11px;
         padding: 13px 25px;
     }

     .j-card-btn {
         padding-top: 25px;
     }

     .footer-item ul li a {
         font-size: 15px;
         line-height: 20px;
         margin-bottom: 14px;
     }

     .footer-item h4 {
         font-size: 20px;
         line-height: 26px;
         margin-bottom: 13px;
     }

     .footer-bottom p {
         font-size: 15px;
         line-height: 127.5%;
     }

     .footer-bottom h5 {
         font-size: 16px;
         line-height: 184.5%;
         margin-bottom: 0px;
     }

     .footer-bottom {
         padding-top: 15px;
         padding-bottom: 20px;
     }

     .header-area {
         padding: 12px 0;
     }

     .open__menu {
         font-size: 23px;
         color: #C542D0;
         cursor: pointer;
     }

     .footer-social a {
         max-width: 36px;
         margin-right: 16px;
     }

     .none_desk {
         display: block;
     }


     .header-right-blk {
         position: fixed;
         left: -100%;
         top: 0;
         height: 100%;
         width: 330px;
         padding: 20px;
         padding-top: 120px;
         display: unset;
         z-index: 999;
         background: #fff;
         transition: .3s all;
     }

     .main-menu ul li {
         display: block;
         padding: 5px 0;
         margin: 0;
     }

     .main-menu {
         margin-bottom: 30px;
     }

     .main-menu ul li a {
         padding: 6px 0;
         display: block;
     }

     .header-btn {
         margin-left: 0;
     }

     .header-btn a {
         justify-content: center;
     }

     .close__menu {
         position: absolute;
         line-height: 1;
         right: 20px;
         top: 20px;
         font-size: 30px;
         color: #C848D9;
         cursor: pointer;
     }

     .overlay {
         position: fixed;
         left: -100%;
         top: 0;
         height: 100%;
         width: 100%;
         background: #00C8C67D;
         z-index: 555;
         transition: .5s all;
     }

     .hero-thumb {
         display: none;
     }

     .header-right-blk.active {
         left: 0;
     }

     .overlay.active {
         left: 0;
     }

     .testimonial-slider {
         padding: 0;
     }

     .way-cards {
         flex-direction: column;
         max-width: 400px;
         margin: 0 auto;
     }

     .way-card {
         margin: 0;
     }

     .video-play {
         width: 75px;
         height: 75px;
     }

     .video-play img {
         height: 30px;
     }

     .hero-area {
         padding-top: 40px;
     }

     .hero-btn {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
     }

     .care-area {
         padding-top: 40px;
         padding-bottom: 30px;
     }

     .video-thumb {
         margin-bottom: 0;
     }

     .testimonial-area .owl-nav {
         display: none;
     }

     .testimonial-area .owl-dots {
         position: absolute;
         bottom: -45px;
         left: 50%;
         transform: translateX(-50%);
     }

     .testimonial-area .owl-dots .owl-dot {
         height: 10px;
         width: 10px;
         border-radius: 10px;
         transition: .3s all;
         border: 1px solid #C848D9;
         margin: 0 5px;
     }

     .testimonial-area .owl-dots .owl-dot.active {
         background: #C848D9;
     }

     .testimonial-quote {
         left: -14px;
         width: 60px;
         height: 60px;
         top: -13px;
         display: none;
     }

     .testimonial-quote img {
         height: 30px;
     }

     .faq-area {
         background-color: #00C8C6;
         padding: 40px 0;
     }

     .lang_with_quesrion {
         display: flex;
     }

     .lang_with_quesrion .puestion-mark {
         margin-left: 20px;
         margin-right: 20px;
     }

     .phone_none {
         display: none;
     }



     .jobs-area .section-title {
         padding-bottom: 15px;
     }

     .puestion-mark img {
         height: 22px;
     }

     .main-menu ul li a::before {
         display: none;
     }

     .main-menu ul li {
         display: block;
         padding: 5px 0;
         margin: 0;
         border-bottom: 1px solid #C848D9;
     }





     .registration__btn a {
         font-size: 16px;
         line-height: 30px;
         border: 2px solid #D9D9D9;
         border-radius: 10px;
         padding: 10px 23px;
     }

     .registration__btn a img {
         height: 20px;
     }

     .reg__content h4 {
         font-size: 29px;
         line-height: 36px;
         margin-bottom: 7px;
     }

     .reg__content p {
         font-size: 18px;
         line-height: 26px;
     }

     .reg_signup_text p {
         font-size: 20px;
         line-height: 30px;
         text-align: center;
     }

     .registration__inner__blk {
         padding: 30px 15px;
         border-radius: 15px;
         margin: 30px 0;
     }

     .registration__area {
         padding: 40px 0;
     }

     .register__thumb {
         max-width: 400px;
     }

     .register__main__form {
         padding: 0;
     }

     .secondary__register__form {
         padding: 20px;
         border-radius: 12px;
     }

     .single__registr__select .nice-select {
         border: 1px solid #00C8C6;
         height: 56px;
         font-weight: 300;
         font-size: 16px;
         line-height: 32px;
         border-radius: 8px;
     }

     .register__form {
         padding: 60px 0;
     }

     .register__content h3 {
         font-size: 22px;
         margin: 20px 0;
         line-height: 30px;
     }

     .single__registr__input input {
         font-size: 16px;
         color: #000000;
         padding: 11px 20px;
         border: 1px solid #00C8C6;
         border-radius: 7px;
     }

     .phone_no .selectorwith_flag {
         top: 14px;
         left: 14px;
     }

     .registar__form__bottom__blk p {
         font-size: 16px;
         line-height: 23px;
         margin-top: 25px;
     }

     .registar__form__bottom__blk button {
         font-size: 16px;
         line-height: 20px;
         border-radius: 12px;
         padding: 9px;
     }

     .register__text h5 {
         font-size: 20px;
         line-height: 28px;
         margin-bottom: 25px;
     }

     .post__list ul li span img {
         height: 18px;
     }

     .post__list ul li {
         font-size: 15px;
         line-height: 23px;
         margin-bottom: 16px;
     }

     .register__form__blk {
         border-radius: 15px;
     }

     .job__card__top__blk p {
         font-size: 18px;
     }

     .info__button a img {
         margin-right: 10px;
     }

     .job__form__blk {
         padding: 30px;
         border-radius: 16px;
     }

     .job__card__content h4 {
         font-size: 20px;
     }

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

     .job_list_blk ul li {
         font-size: 17px;
     }

     .info__button a {
         font-size: 22px;
         line-height: 42px;
         border-radius: 10px;
         padding: 13px;
     }

     .job__form__title h4 {
         font-size: 26px;
     }

     .sinle__job__drop label {
         font-size: 15px;
     }

     .sinle__job__drop .nice-select {
         font-size: 16px;
     }

     .receive__inner__blk h4 {
         font-size: 22px;
         line-height: 32px;
     }

     .receive__inner__blk {
         border: 2px solid #00C8C6;
         border-radius: 15px;
         padding: 36px 19px;
         justify-content: center;
         gap: 15px;
         margin-bottom: 70px;
     }

     .similar__pagination ul li a {
         border: 1px solid #C848D9 !important;
         border-radius: 5px !important;
         height: 32px;
         width: 32px;
         font-size: 15px;
     }

     .similar__pagination .pagination {
         gap: 10px;
     }

     .similar__pagination {
         padding: 40px 0;
     }

     .job__cat__area {
         padding-bottom: 50px;
         margin-top: 45px;
     }

     .breadcrumb_area {
         padding: 34px 0 !important;
     }

     .hero__search input {
         font-size: 17px;
         border-radius: 9px;
         padding: 20px;
         padding-left: 50px;
     }

     .job_cat_title h2 {
         font-size: 30px;
     }

     .single__job__list h4 {
         font-size: 23px;
     }

     .job__cat__ico {
         height: 70px;
         margin-bottom: 15px;
     }

     .hero__search button {
         left: 16px;
         top: 53%;
         font-size: 19px;
     }

     .single__job__list ul li {
         margin-bottom: 12px;
         font-size: 16px;
     }

     .job_cat_text h4 {
         font-size: 20px;
     }

     .forgot__pass>a {
         font-size: 16px;
     }

     .forgot__pass .form-check {
         font-size: 17px;
     }

     .login__btn .common-btn {
         width: 330px;
         height: auto;
         border-radius: 11px;
     }

     .proceed_text p {
         font-size: 19px;
         line-height: 28px;
     }

     .schedule_form__blk::before {
         width: 100%;
     }

     .schedule_form__blk {
         padding: 30px 15px;
     }

     .job__cat__area {
         padding-bottom: 50px;
         margin-top: 45px;
     }

     .breadcrumb_area {
         padding: 76px 0 !important;
     }

     /* .hero__search input {
         font-size: 24px;
         border-radius: 14px;
         padding: 24px;
         padding-left: 90px;
     } */

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

     .single__job__list h4 {
         font-size: 26px;
     }

     .job__cat__ico {
         height: 70px;
         margin-bottom: 15px;
     }

     .schedule_form__blk::before {
         width: 100%;
     }

     .schedule_form__blk {
         padding: 30px 15px;
     }

     .register__text h4 {
         font-size: 39px;
         line-height: 47px;
     }

     .dream__job__card {
         border-radius: 20px;
         padding: 30px 20px;
         margin-top: 0;
     }

     .popup__menu__blk ul li a {
         font-size: 18px;
         padding: 0 20px;
         padding-bottom: 17px;
         border-bottom: 5px solid transparent;
     }

     .address__inner__blk {
         border-radius: 10px;
         padding: 30px 25px;
     }

     .component__main__blk {
         grid-template-columns: repeat(1, 1fr);
         gap: 20px;
     }

     .create__main__blk {
         border-radius: 15px;
         padding: 30px 30px;
     }

     .map__details__location span {
         width: 298px;
         height: 70px;
         border-radius: 15px;
         border: 3px solid #C848D9;
         gap: 16px;
         font-size: 18px;
     }

     .map__details__select .nice-select {
         border-radius: 15px;
         font-size: 18px;
         height: 70px;
         line-height: 64px;
         padding-left: 44px;
         padding-right: 50px;
         min-width: 330px;
     }

     .map__details__right span {
         width: 260px;
         height: 70px;
         border-radius: 15px;
         border: 3px solid #C848D9;
         font-size: 18px;
         gap: 16px;
     }

     .vergutung__topbar h2 {
         font-size: 26px;
         margin: 0px 26px;
     }

     .vergutung__btn a {
         background-color: #00C8C6;
         width: 360px;
         height: 70px;
         border-radius: 15px;
         gap: 12px;
         font-size: 16px;
     }

     .component__single__blk {
         border: 3px solid #00C8C6;
         border-radius: 20px;
         padding: 35px;
     }

     .component__title h4 {
         font-size: 29px;
     }

     .create__topbar h2 {
         font-size: 30px;
         margin-bottom: 30px;
     }

     .create__topbar span {
         font-size: 27px;
         margin-bottom: 6px;
     }

     .create__topbar ul li a img {
         width: 45px;
     }

     .create__main__blk h4 {
         font-size: 27px;
         margin-bottom: 31px;
     }

     .create__main__blk a {
         width: 281px;
         height: 70px;
         border-radius: 15px;
         font-size: 19px;
     }

     .similar__job__title h2 {
         font-size: 33px;
     }

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

     .vergutung__main__blk {
         padding: 34px;
         box-shadow: 12px 12px 55px rgba(0, 0, 0, 0.09);
         border-radius: 30px;
     }

     .component__single__blk img {
         margin-bottom: 20px;
         height: 50px;
     }

     .component__single__blk h5 {
         font-size: 23px;
         margin-bottom: 6px;
     }

     .component__single__blk p {
         font-size: 18px;
     }

     .create__main__blk ul li {
         font-size: 18px;
     }

     .create__main__blk p {
         color: #000000;
         font-size: 18px;
         margin-bottom: 50px;
         margin-top: 30px;
     }

     .similar__job__area {
         padding-top: 50px;
         margin-bottom: 50px;
     }

     .details__content__box h3 {
         font-size: 40px;
         line-height: 65px;
     }

     .details__content__box h2 {
         font-size: 27px;
         line-height: 59px;
     }

     .details__content__box ul li {
         font-size: 17px;
         line-height: 29px;
         gap: 10px;
         margin-bottom: 8px;
     }

     .vergutung__btn a i {
         width: 34px;
         height: 34px;
         font-size: 15px;
     }

     .create__area {
         padding: 40px 0px;
     }

     .map__details__select .nice-select::after {
         border-bottom: 2px solid #00C8C6;
         border-right: 2px solid #00C8C6;
         height: 15px;
         right: 32px;
         width: 15px;
     }

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

     .map__topbar__left h2 {
         font-size: 38px;
         margin-bottom: 16px;
     }

     .map__topbar__left p {
         font-size: 18px;
     }

     .map__topbar__right p {
         font-size: 18px;
     }

     .popup__menu__blk {
         border-radius: 8px;
     }

     .play__button span img {
         height: 45px;
     }

     .forgot__pass .form-check label {
         font-size: 16px;
         line-height: 25px;
     }

     .done__content .details__content__box h3 {
         font-size: 22px;
         line-height: initial;
     }

     .interesting__area {
         padding-top: 50px;
     }

     .done__area {
         padding: 50px 0;
     }
 }

 @media (min-width: 320px) and (max-width: 380px) {
     .logo-icon {
         padding: 0 70px;
         margin-bottom: 25px;
     }
 }

 @media (min-width: 320px) and (max-width: 1600px) {}

 @media (min-width: 320px) and (max-width: 1600px) {
     .header-btn a {
         font-size: 24px;
         padding: 20px 35px;
     }

     .puestion-mark {
         margin-left: 50px;
     }
 }


 @media (min-width: 320px) and (max-width: 1400px) {
     .header-logo {
         max-width: 115px;
     }

     .header-btn a {
         font-size: 22px;
         padding: 18px 22px;
     }

     .puestion-mark {
         margin-left: 25px;
     }
 }

 @media (min-width: 320px) and (max-width: 1200px) {
     .header-btn.pink {
         margin-bottom: 1em;
     }
 }


@media only screen and (max-width: 991px) {
    #vacancy-video {
      height: 59vw;
      min-height: 300px;
    }
}