@media only screen and (max-width:1500px) {
    .display {
        font-size: 54px;
    }

    .lead {
        font-size: 32px;
    }

    input-container input::placeholder {
        font-size: 20px;
    }

    .exiting_job h2, .post h2 {
        font-size: 54px;
    }

    .exiting_job h3, .post h3 {
        font-size: 32px;
    }

    .exiting_job h4 {
        font-size: 30px;
    }

    .postjob_btn {
        height: 50px;
        padding: 10px;
        font-size: 20px;
        width: 180px;
    }

    .btn_enggjob {
        padding: 10px 30px;
        height: 50px;
        font-size: 20px;
    }

    .right_content h2 {
        font-size: 80px;
    }

    .review {
        font-size: 30px;
    }

    .test_author {
        font-size: 20px;
    }

    .author_loca {
        font-size: 16px;
    }

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

    .blog_section .card-title {
        font-size: 20px;
    }

    .navbar, .navbar.sticky {
        height: 110px;
    }

    .footer_bg {
        padding-bottom: 50px;
    }

    .section {
        padding: 50px 0;
    }

    .navbar-brand img {
        width: 140px;
    }
    /*candidate home page*/
    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }

    .create_post_head h2 {
        font-size: 21px;
    }

    .left_content {
        float: left;
        padding: 75px 0;
    }

    .post_icon img {
        width: 450px;
    }

    .candidateHome {
        margin-top: 105px;
    }

    .searchBox input:hover {
        background-color: #fff;
        border-radius: 0px;
        border: 1.5px solid #bec6d5;
        border-radius: 30px;
    }

    .searchBox select:hover {
        background-color: #fff;
        border-radius: 0px;
        border: 1.5px solid #bec6d5;
        border-radius: 30px;
    }

    .searchBox input, .searchBox select {
        background-color: #fff;
        border-radius: 0px;
        border: 1.5px solid #bec6d5;
        border-radius: 30px;
    }

    .searchForm {
        /*padding: 10px 10px 15px 10px;*/
        height: auto;
    }

    .searchBtn {
        height: 50px;
    }

    .desBox input {
        height: 50px;
    }

    .left_sideCont h2, .right_sidecont h2, .recruiterFilter h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .left_box1 {
        padding: 15px;
        height: 70px;
    }

    .candi_detail h2 {
        font-size: 21px;
    }

    .barHeading h4 a {
        font-size: 18px;
    }

    .searcAction .item_box1 p a {
        font-size: 18px;
    }

    .searcAction .item_box1 h4 {
        font-size: 25px;
    }

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

    .progress {
        height: 0.5rem;
    }

    .message-avatar {
        margin-right: 10px;
        width:100%;
        height:auto;
    }

    .chat_avathar img {
        width: 70px;
    }

    .searchBox input, .searchBox select {
        height: 45px;
        padding: 8px 15px;
    }

    .searchForm {
        padding: 0;
    }

    .preview .preinner_section h3 {
        font-size: 21px;
    }

    .one_page_create h3, .preview h3 {
        font-size: 18px;
    }
    .createPage_section label {
        font-size: 16px;
    }
    #CandidateProfile tbody tr td {
        font-size: 14px;
    }
    .classic_item1 .recruit_revbtn, .classic_item1 .recruit_serbtn {
        width: 100%;
        background-color: #bec6d5;
        border: 2px solid #bec6d5;
        height: 45px;
        border-radius: 35px;
        font-size: 16px;
        padding: 8px 15px;
    }
    .post-save-button, .post-job-button {
        padding: 8px 15px;
        height: 45px;
        width: 150px;
        border-radius: 35px;
    }
    .post_input input.form-control, .post_input select {
        height: 45px;
        background-color: #e0e4eb;
        border-radius: 0;
        border: none;
        padding: 8px 20px;
    }
    #intertype .form-control {
        height: 45px;
        background-color: #fff;
        border-radius: 0;
        border: none;
        padding: 8px 20px;
    }
    #postJob #intertype .form-control {
        height: 55px;
        border: solid 1px #e1e1e1;
        border-radius: 0;
        padding-left: 20px;
        color: #999;
        background-color: #fff !important;
        font-weight: 300;
        box-shadow: 2px 3px 8px rgba(0, 71, 213, 0.15);
    }
    #hotCandidate .frdImg img {
        border-radius: 15px;
        border: 4px solid #bec6d5;
        max-width: 200px;
        height: auto;
    }
    #hotCandidate .candi-view a {
        font-size: 16px;
    }
    .connect_item .d-flex:nth-child(odd) {
        display: -ms-flexbox !important;
        display: flex !important;
        overflow: hidden;
        height: 115px;
    }
    .connect_item .d-flex.align-items-center {
        height: auto !important;
    }
    .sent_invite_btn {
        width: 140px;
        height: 40px;
        margin-top: 15px;
        font-size: 16px;
    }
    .sendcandidate {
        height: 40px;
        font-size: 16px;
    }
    .sent_invite_btnfollower {
        height: 40px;
        font-size: 16px;
    }
    .sendcandidatedisable {
        height: 40px;
        font-size: 16px;
    }
    #follower .frdImg img {
        width: 100px;
        height:100px;
        border-radius: 100%;
        border: 5px solid #bec6d5;
    }
    .Candidate_banner {
        margin-top: 110px;
    }
    .Candidate_banner .carousel-caption h5 {
        font-size: 44px;
    }
    .candidate_name h2 {
        font-size: 32px;
    }
    .candidate_name p {
        font-size: 18px;
    }
    .iteam1_bg .candi-title {
        font-size: 18px;
    }
    .iteam1_bg input.form-control, .iteam1_bg select {
        height: 45px;
    }
    .cand_btn {
        height: 45px;
        font-size: 18px;
        padding: 6px 10px;
    }
    .candidate-job-info .candidate-job-option li {
        padding-right: 10px;
        font-size: 17px;
    }

    .candidate-job-info .candidate-job-title li.jobTitle {
        font-size: 19px;
    }

    candidate-job-info .candidate-job-skill li span {
        font-size: 16px;
    }

    .edit_btn, .delete_btn {
        font-size: 16px;
    }
    .single-profile-name h2 {
        font-size: 32px;
    }

    .cand_btn.sent_invite_btn {
        color: #a6a6a6;
        padding: 7px 20px;
        height: 45px;
        width: auto;
        font-size: 16px;
        font-weight: 300;
    }

    .single-profile-heading h3 {
        font-size: 28px;
    }

    .single-profile-paragraph ul li {
        font-size: 18px;
    }

    .candidate_coninfo h3, .can_skill h3, .cansocial_link h3 {
        font-size: 22px;
    }

    .candidate_coninfo p, .can_skill p {
        font-size: 18px;
    }
    .candidate-list-title h3 {
        font-size: 24px !important;
    }

    #recruiterDirectory .d-flex.followbtn a {
        font-size: 18px;
    }

    #recruiterDirectory .cndfrd p, #recruiterDirectory p {
        font-size: 16px;
    }

    .dof {
        font-size: 16px;
    }
    .rejobDetail h3 {
        font-size: 18px;
    }
    .rejobDetail p {
        font-size: 16px;
        color: #999;
        font-weight: 300;
    }
    .classic_item1 .form-control {
        height: 45px;
    }
    .candidate-list-title h4 {
        font-size: 20px;
    }
    .candidate-list-favourite-time .btn.resume_btn {
        height: 45px;
        width: 150px !important;
        padding: 9px 15px;
    }
    .resumerBanner {
        margin-top: 110px;
    }
    .checkboxitem span{
        font-size:21px;
    }
    .recruiter_company input.form-control{
        height:45px;
    }
    .searchbutton {
        height: 45px;
    }
    #companydes .form-control {
        height: 45px;
    }
    /*24-10-2020*/
    .social_icon li img {
        padding: 2px;
        width: 85px;
    }
    .candidateDetail {
        background: #fff;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
        width: 90%;
        padding-top: 50px;
        padding-bottom: 50px;
        margin: auto;
    }
    .jobAlert-section .right_sidecont #jobAlertList {
        overflow: auto;
        overflow-y: auto;
        height: 1600px;
        scrollbar-width: thin;
    }

    .recruiter_bg div#myTabContent {
        overflow: auto;
        overflow-y: auto;
        height: 1500px;
        scrollbar-width: thin;
    }

    .jobCate::after {
        top: 3px;
    }
    .message-by-headline h5 {
        font-size: 16px;
    }
    .iteam1_bg .removeskills {
        margin: 0 !important;
        top: -40px;
        right: 15px;
    }
    .iteam1_bg .add_institbtn {
        position: absolute;
        right: 0px;
        z-index: 10;
        top: 4px;
        color: #63799f;
    }
    .iteam1_bg .btn.removeacademy {
        position: absolute;
        top: -40px;
        margin: 0 !important;
        right: 15px;
    }
    .iteam1_bg .removeinstitute {
        top: -179px !important;
        right: 15px;
    }
    .carousel-item #imgCoverPic {
        max-height: 300px;
    }
    #candidatebyrecruiter .connect_item .d-flex {
        display: -ms-flexbox !important;
        display: flex !important;
        overflow: hidden;
        height: auto;
    }

    #appliedCandidate .img-fluid {
        max-width: 100px !important;
        height: 100px !important;
        object-fit: cover;
    }
    #collapseSix .add_institbtn, .project_section .add_institbtn,.licenseandcertificate_section .add_institbtn {
        position: absolute;
        right: 20px;
        z-index: 10;
        top: 43px;
        color: #63799f;
    }
    .circle {
        border-radius: 100% !important;
        width: 200px;
        height: 200px;
    }
    .profile_img {
        height: 120px;
        width: 240px;
        margin-top: -115px;
    }
    .profile_edit {
        padding: 9px 7px;
        width: 50px;
        height: 50px;
    }
}
@media only screen and (max-width:1280px) {
    .display {
        font-size: 46px;
    }

    .left_side .nav-pills .nav-link {
        color: #fff;
        font-size: 18px;
        font-weight: 300;
    }

    .searcAction .item_box1 {
        float: none;
    }

    .candidateDetail {
        background: #fff;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
        width: 95%;
        padding-top: 50px;
        padding-bottom: 50px;
        margin: auto;
    }

    .lead {
        font-size: 30px;
    }

    input-container input::placeholder {
        font-size: 20px;
    }

    .exiting_job h2, .post h2 {
        font-size: 46px;
    }

    .exiting_job h3, .post h3 {
        font-size: 30px;
    }

    .exiting_job h4 {
        font-size: 28px;
    }

    .right_content h2 {
        font-size: 70px;
    }

    .review {
        font-size: 28px;
    }

    .navbar.sticky {
        height: 100px;
    }

    .test_author {
        font-size: 18px;
    }

    .author_loca {
        font-size: 16px;
    }

    .blog_section h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .blog_section .card-title {
        font-size: 18px;
    }

    .postjob_btn {
        width: 150px;
    }

    .quick_link ul li, .employer ul li, .Candidate ul li {
        font-size: 16px;
    }

        .quick_link ul li a, .employer ul li a, .Candidate ul li a {
            font-size: 16px;
        }

    .left_content {
        padding: 50px 0;
    }

    input-container input::placeholder {
        font-size: 16px;
    }

    .input-container .out_arrow {
        right: 10px;
    }

    a.btn.btn_enggjob {
        width: 220px;
    }

    .navbar {
        height: 100px;
    }

    .client_form input, .itemadd_header select {
        height: 45px;
    }

    .btn.btn-default.btn-clientsub {
        padding: 8px;
        height: 45px;
    }

    tem_header .card-header, .item3_header .card-header {
        height: 50px;
        padding: 13px 10px;
    }
    /*candidate home page*/
    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }

    .create_post_head h2 {
        font-size: 21px;
    }

    .right_section .widget-title button, .right_section .widget-title, .left_section .author a {
        font-size: 18px;
    }

    .left_section .profile-desc {
        margin-top: 15px;
    }

    .left_section .widget-title {
        font-size: 18px;
    }

    .list-title a {
        color: #4c70bd;
        text-decoration: underline;
        font-size: 14px;
    }

    .unorder-list-info p, .friend-name span, .we-video-info ul li {
        font-size: 14px;
    }

    .friend-name ins {
        font-size: 18px;
    }

    .post-meta p {
        font-size: 14px;
        line-height: 22px;
    }

    .create_pageBtn .btn.crepageBtn {
        font-size: 16px;
    }

    #scroll {
        ;
        width: 50px;
        height: 50px;
    }

    .right_section .card-body {
        padding: 0.35rem;
    }

    .middle_section {
        padding: 10px;
    }

    .we-video-info ul li {
        float: left;
        list-style-type: none;
        margin: auto 10px 0 0;
        cursor: pointer;
    }

    .candidateHome {
        margin-top: 95px;
    }

    .banner_imgprofile.left_section .profile-thumb-2 {
        width: 160px;
        height: 160px;
        bottom: -55px;
    }

    .left_section .profile-desc p {
        margin: 0;
    }

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

    .view_btn .viewBtn {
        height: 45px;
        width: 100%;
        padding: 6px !important;
        margin-left: 5px !important;
    }

    .calendarBtn {
        height: 45px;
        width: 100%;
        margin-left: 0;
        padding: 6px;
    }

    .searcAction .item_box1 p a {
        font-size: 16px;
    }

    .bar_progress {
        float: left;
        width: 100%;
        margin-top: 0;
    }

    .candidate_home {
        height: 100%;
        min-height: auto;
    }

        .candidate_home .cover_img {
            height: 320px;
            width: 100%;
        }

    .left_sideCont h2, .right_sidecont h2, .recruiterFilter h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .candidateHome .carousel-caption {
        top: 10%;
    }

    .filterList li {
        padding: 15px 15px;
    }

    #multi-item-example .d-flex .contfrd a {
        font-size: 15px;
        padding: 5px 15px;
        height: 30px;
    }

    #multi-item-example .d-flex .cndfrd h3 a {
        font-size: 16px;
    }

    #multi-item-example .d-flex .cndfrd p, .notification_body .width-expand p {
        font-size: 15px;
    }

    .head_chat h2, .chat_username h3, .notification_body .width-expand h3 {
        font-size: 19px;
    }

    .message-by-headline h5 {
        font-size: 16px;
    }

    .chat_username span, .message-by-headline span, .message_section p {
        font-size: 14px;
    }

    .main_chat .form-control {
        height: 50px;
    }

    span.message_send {
        top: 14px;
    }

    .candi_detail .jobTit, .candi_detail .locate, .candi_detail .canStudy, .candi_detail .canEmail, .candi_detail a {
        font-size: 16px;
    }

    a.btn.connectitem-btn, .btn.ignore-btn {
        font-size: 16px;
        height: 35px;
        width: 100px;
        max-width: 100px;
        border-radius: 35px;
        margin-top: 15px;
        line-height: 20px;
    }

    left_side .nav-pills .nav-link {
        font-size: 18px;
    }

    .chat_username h3, .head_chat h2 {
        font-size: 19px;
    }

    .message-by-headline h5 {
        font-size: 16px;
    }

    #Chat_LastChat {
        font-size: 14px;
    }

    .Candidate_banner {
        margin-top: 100px;
    }

        .Candidate_banner .carousel-caption h5 {
            font-size: 38px;
        }

    .candidate_name h2 {
        font-size: 26px;
    }

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

    .iteam1_bg .candi-title {
        font-size: 18px;
    }

    .iteam1_bg input.form-control, .iteam1_bg select {
        height: 45px;
    }

    .cand_btn {
        height: 45px;
        font-size: 18px;
        padding: 6px 10px;
    }

    .candidate-job-info .candidate-job-option li {
        padding-right: 10px;
        font-size: 16px;
    }

    .candidate-job-info .candidate-job-title li.jobTitle {
        font-size: 18px;
    }

    candidate-job-info .candidate-job-skill li span {
        font-size: 15px;
    }

    .edit_btn, .delete_btn {
        font-size: 14px;
    }

    .single-profile-name h2 {
        font-size: 30px;
    }

    .cand_btn.sent_invite_btn {
        color: #a6a6a6;
        padding: 7px 20px;
        height: 45px;
        width: auto;
        font-size: 16px;
        font-weight: 300;
    }

    .single-profile-heading h3 {
        font-size: 24px;
    }

    .single-profile-paragraph ul li {
        font-size: 16px;
    }

    .candidate_coninfo h3, .can_skill h3, .cansocial_link h3 {
        font-size: 20px;
    }

    .candidate_coninfo p, .can_skill p {
        font-size: 16px;
    }

    .cand_btn {
        font-size: 16px;
    }

    .candidate-list-title h3 {
        font-size: 21px !important;
    }

    #recruiterDirectory .d-flex.followbtn a {
        font-size: 16px;
    }

    #recruiterDirectory .cndfrd p, #recruiterDirectory p {
        font-size: 16px;
    }

    .dof {
        font-size: 16px;
    }

    .cndfrd.candies h3 {
        font-size: 21px;
    }

    .cndfrd.candies p {
        font-size: 16px;
    }

    #candidatebyrecruiter {
        font-size: 16px;
    }

    .resumerBanner {
        margin-top: 100px;
    }

    .checkboxitem span {
        font-size: 18px;
    }

    .add_institbtn {
        top: 4px;
    }

    .removeinstitute {
        top: -179px !important;
    }

    .removeskills {
        top: -40px;
    }
    .profile_edit {
        padding: 9px 7px;
        width: 50px;
        height: 50px;
    }
    .edit_icon {
        padding: 9px 7px;
        width: 50px;
        height: 50px;
    }

    .circle {
        border-radius: 100% !important;
        width: 150px;
        height: 150px;
    }

    .profile_img {
        height: 100px;
        padding: 13px;
        width: 180px;
        margin-top: -95px;
    }
}
@media only screen and (max-width:1160px) {
        .nav-link.username{
        width:auto;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
        padding: 4px;
    }
    .filterList li {
        padding: 15px 10px;
    }
    .connect_item .d-flex:nth-child(odd) {
        height: 70%;
    }
    .post_input label {
        font-size: 16px;
        color: #999;
    }
    input.btn.currentviewcandidate_btn {
        color: #ffffff;
        font-size: 16px;
        background: #4c70bd;
        margin-top: 25px;
        border-radius: 21px;
        width: 160px;
    }
    #appliedCandidate .connect_item {
        padding: 10px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width:1024px) {
    .btn_enggjob {
        padding: 10px;
        height: 50px;
        font-size: 18px;
    }
    .right_section .card.widget-item{
        padding:10px;
    }

    header video {
        display: block;
    }

    header .overlay {
        background-color: transparent;
    }

    .review {
        font-size: 24px;
    }

    .more_suggest {
        font-size: 20px;
    }

    .box_icon {
        position: absolute;
        bottom: 0px;
        width: 300px;
    }

    .post_icon {
        position: absolute;
        bottom: 0;
    }

        .post_icon img {
            width: 300px;
        }

    .section {
        padding: 30px 15px;
    }

    .left_content {
        left: 30px;
        padding: 15px 0;
    }

    .lead {
        font-size: 26px;
    }

    .display {
        font-size: 36px;
        line-height: 42px;
    }

    .input-container {
        height: 40px;
        width: 230px;
    }

    input-container input::placeholder {
        font-size: 15px !important;
    }

    .input-container .out_arrow {
        right: 10px;
        top: 0;
    }

    .thrid_btn {
        display: flex;
    }

    .section.exiting_job .row .row {
        margin: auto;
    }

    .more_suggest {
        color: #ffa934;
        font-size: 18px;
        text-align: center;
        float: left;
        width: 100%;
        margin: auto;
        margin-top: 25px;
    }

    .post_icon {
        right: 8%;
        margin-right: 0;
        position: absolute;
        bottom: 0;
    }

    .footer_logo img {
        width: 200px;
        height: auto;
    }

    .copy p {
        font-size: 16px;
        text-align: center;
        padding: 20px 0;
    }

    .social_icon li img {
        padding: 2px;
        width: 80px;
    }

    .social_icon {
        float: left;
    }

    .text-white {
        top: 200px;
        position: absolute;
        left: 25%;
    }

    .panel-title.collapsed {
        font-size: 18px;
    }

    .item1_header p, .itemadd_header p {
        font-size: 20px;
        color: #0c79c3;
        font-weight: 400;
    }

    .client_bg .tab-pane {
        width: 80%;
        margin: 12% auto;
        float: none;
    }
    /*candidate home page*/
    .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }

    .create_post_head h2 {
        font-size: 18px;
    }

    .right_section .widget-title button, .right_section .widget-title, .left_section .author a {
        font-size: 16px;
    }
    .right_section .widget-title button{
        padding:0;
    }

    .left_section .profile-desc {
        margin-top: 14px;
    }

    .left_section .widget-title {
        font-size: 16px;
    }

    .list-title a {
        color: #4c70bd;
        text-decoration: underline;
        font-size: 14px;
    }

    .unorder-list-info p, .friend-name span {
        font-size: 14px;
    }

    .friend-name ins {
        font-size: 16px;
    }

    .post-meta p {
        font-size: 14px;
        line-height: 22px;
    }

    .create_pageBtn .btn.crepageBtn {
        font-size: 16px;
    }

    .we-video-info ul li {
        font-size: 14px;
    }

    .we-video-info ul li {
        float: left;
        list-style-type: none;
        margin: auto 5px 0 0;
        cursor: pointer;
    }

    .like, .heart, .hate, .far.fa-comments, .far.fa-share-square {
        font-size: 15px;
    }
    .middle_section.post_box .post-btn{
        height:35px;
    }
    .left_section.card{
        padding:10px;
    }
    .profile-desc.text-center p{
        margin:0;
    }
    .right_section .card-header {
        padding: .2rem;
    }
    .unorder-list-info h3 {
        width: auto;
    }
    .banner_imgprofile.left_section .profile-thumb-2 {
        width: 150px;
        height: 150px;
        bottom: -55px;
    }
    .left_box1 {
        padding: 15px;
        height: 60px;
    }
    .left_box1 h4 a {
        font-size: 18px;
    }
    .candidateHome .carousel-caption {
        top: 3%;
    }
    .candi_detail h2 {
        font-size: 19px;
    }
    header {
        height: 100%;
        min-height: auto;
    }
    .left_sideCont h2, .right_sidecont h2, .recruiterFilter h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .filterList li {
        padding: 10px 5px;
    }
    section.section.recruiter_bg {
        padding: 30px 0;
    }
    .section.mynetwork {
        padding: 30px 0;
    }
    .main_content_inner h1 {
        font-size: 32px;
    }
    .main_content_inner .suge_friend h2 {
        font-size: 16px;
    }
    .friend-card .width-expand h3 {
        font-size: 18px;
    }
    .checkboxitem span {
        font-size: 20px;
    }
}
@media only screen and (max-width:991px){
    #navbar .col-lg-2 {
        width: 30%;
    }
    #navbar .col-lg-10 {
        width: 70%;
        text-align:right;
    }
    .navbar-brand img {
        height: auto;
    }
    .navbar-toggler{
        font-size:0.9rem;
    }
    .navbar-nav.ml-auto {
        background-color: #f9fafc;
    }
    .social_icon {
        float: none;
        margin: auto;
    }
    .social_link {
        display: flex;
    }
    .form {
        width: 20%;
        margin-top: 0px;
    }
    .text-white {
        top: 130px;
        position: absolute;
        left: 25%;
    }
    .exiting_job h2, .post h2 {
        font-size: 36px;
    }
    .exiting_job h3, .post h3 {
        font-size: 24px;
    }
    .exiting_job h4 {
        font-size:24px;
    }
    .thrid_btn {
        display: block;
    }
    .section.exiting_job .row .row {
        width: 100%;
        margin: auto;
    }
    a.btn.btn_enggjob {
        width: 100%;
    }
    .btn_enggjob{
        margin-top:15px;
    }
    .display {
        font-size: 32px;
        line-height: 42px;
    }
    .lead {
        font-size: 24px;
    }
    .postjob_btn {
        font-size: 18px;
        height: 45px;
        padding: 9px;
    }
    .navbar {
        height: 100px;
        padding: 0 10px;
    }
    .navbar.sticky {
        height: 100px;
        padding: 0 10px;
    }
    .test_author {
        font-size: 16px;
    }
    .author_loca {
        font-size: 14px;
    }
    .review {
        font-size: 21px;
    }
    blog_section h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .copy p {
        font-size: 16px;
    }
    header {
        height: 100%;
    }
    .logForm form input{
        height:45px;
    }
    .logForm form .form-group span{
        top:-34px;
    }
    .logForm .btn.btn-default.btn-actions{
        height:45px;
    }
    .logForm {
        margin: 12% auto;
    }
    .btn.btn-default.btn-clientsub {
        padding: 8px;
        height: 45px;
        font-size:16px;
    }
    .client_bg .tab-pane {
        width: 80%;
        margin: 15% auto;
        float: none;
    }
    .itemadd_header p, .hire #wrapper label {
        font-size: 18px;
        color: #0c79c3;
        font-weight: 400;
    }
    .navbar-nav .dropdown-item{
        width:100%;
    }
    #navbarSupportedContent .nav-link {
        display: flex;
        float: none;
    }
    #navbarSupportedContent .nav-link span {
        float: none;
        width: auto;
        padding-left: 15px;
    }
    .footer_logo{
        text-align:center;
    }
    .blog_section .card, .blog_section .card-img-top {
        margin-bottom: 15px;
    }
    .banner_imgprofile.left_section .profile-thumb-2 {
        width: 130px;
        height: 130px;
        bottom: -45px;
    }
    #imgCoverPic {
        width: 100% !important;
        object-fit: none !important;
    }
    .left_section.card.m-0 {
        padding: 10px;
        margin-bottom: 15px !important;
    }
    .middle_section:last-child{
        margin-bottom:15px;
    }
    .friend-name ins a {
        font-size: 18px;
    }
    .left_sideCont {
        float: left;
        margin-bottom: 15px;
        width:100%;
    }
    .left_box1 {
        width: 48%;
        margin-right: 10px;
    }
    .section.job_bg .col-lg-4, .section.job_bg .col-lg-8 {
        padding: 0;
    }
    .candidate_home .cover_img {
        height: 150px;
        width:100%;
    }
    .filterList li {
        padding: 10px;
        width: 50%;
    }
    .child-width-1-3\@m > * {
        width: calc(100% * 1.5 / 3.001);
    }
    .connect_item {
        padding:10px;
        padding-bottom: 15px;
    }
    div#btnConnect{
        padding:0 10px;
    }
    .main_content_inner h1 {
        font-size: 28px;
        margin:0;
    }
    #multi-item-example .btn-floating i {
        font-size: 1rem;
        line-height: 39px;
    }
    #multi-item-example .btn-floating {
        width: 37px;
        height: 37px;
    }
    .menu_items .nav-tabs .nav-link {
        font-size: 16px;
    }
    .menu_items .nav-tabs .nav-link.active {
        font-size: 16px;
    }
    .friend-card .width-expand h3 {
        font-size: 16px;
    }
    .checkboxitem span {
        font-size: 18px;
    }
    .slider-comp.child-width-1-3\@m > * {
        width: calc(100% * 1 / 2.001);
    }
    .candidate_name{
        padding-top:5%;
    }
}

@media only screen and (max-width:767px){
    .logForm {
        width: 100%;
        margin:14% auto;
    }
    .option_item ul li a{
        font-size:18px;
    }
    .client_bg .tab-pane {
        width: 80%;
        margin: 15% auto;
        float: none;
    }
    .sidebar {
        padding: 0 0 15px 0;
    }
    .social_feed .col-md-3, .social_feed .col-md-12{
        padding: 0;
    }
    .post_icon img {
        width: 250px;
    }
    .box_icon {
        position: absolute;
        bottom: 0px;
        width: 200px;
    }
    .left_box1 {
        width: 100%;
        margin-right: 0;
    }
    .recruiter_head_title h4 {
        font-size: 18px;
    }
    .recruiter_head_title p {
        font-size: 15px;
    }
    .follow_btn, a.btn.sendmsg_btn {
        font-size: 15px;
    }
    .applyrecruitBtn {
        width: 200px;
    }
    .social_icon li img {
        width: 60px;
    }
    .child-width-1-3\@m > * {
        width: calc(100% * 3 / 3.001);
    }
    .slider-items li {
        padding: 0px;
    }
    .nav-link {
        display: block;
        padding: .5rem 0.8rem;
    }
    .main_content_inner h1 {
        font-size: 26px;
    }
    .main_content_inner .suge_friend h2 {
        font-size: 16px;
    }
    a.btn.connectitem-btn {
        height: 35px;
        line-height: 20px;
    }
    .checkboxitem span {
        font-size: 16px;
    }
    .company_section {
        padding: 110px 0 !important;
    }
    .slider-comp.child-width-1-3\@m > * {
        width: calc(100% * 1 / 1.001);
    }
}
@media only screen and (max-width:575px){
    .text-white {
        top: 122px;
        left: 3%;
        width: 100% !important;
        overflow: hidden;
    }
    .exiting_job h2, .post h2 {
        font-size: 30px;
    }
    .exiting_job h3, .post h3 {
        font-size: 20px;
    }
    .exiting_job h4 {
        font-size: 20px;
    }
    .display {
        font-size: 30px;
        line-height: 42px;
    }
    .lead {
        font-size: 20px;
    }
    .postjob_btn {
        font-size: 16px;
        height: 40px;
        padding: 7px;
    }
    .navbar-toggler {
        font-size: 0.7rem;
    }
    .review {
        font-size: 18px;
        line-height: normal;
    }
    .quick_link h3, .employer h3, .Candidate h3{
        font-size:18px;
    }
    .quick_link ul li, .employer ul li, .Candidate ul li {
        font-size: 16px;
    }
    .copy p {
        font-size: 14px;
    }
    .logForm {
        width: 100%;
        margin: 22% auto;
    }
    .formHeading h5,.cont-form-head h5 {
        padding: 20px 15px;
        font-size: 18px;
    }
    .formHeading,.cont-form-head {
        height: 60px;
    }
    .option_item ul li {
        float: left;
        list-style-type: none;
        padding: 0px 20px 10px 0;
    }
    .client_bg .tab-pane {
        width: 90%;
        margin: 22% auto;
        float: none;
    }
    .panel-title {
        position: relative;
        font-size: 16px;
    }
    .panel-title.collapsed,.check_items span {
        font-size: 16px;
    }
    .we-video-info ul li{
        font-size:12px;
    }
    .we-video-info, .we-video-info ul{
        padding:0;
        padding-top:10px;
    }
    .right_section .card-body {
        padding: 0.35rem;
    }
    .right_section.sidebar.sticky-sidebar {
        padding: 15px 0 0 0;
        position: unset !important; 
    }
    .right_section, .left_section, .sidebar.sticky-sidebar {
        position: unset !important;
        animation:unset;
    }
    .social_icon li img{
        width:60px;
    }
    .viAll{
        float:none;
        padding:0;
    }
    .job_head_title h4 {
        font-size: 16px;
        margin: 0;
    }
    .apply_btn, .view_allbtn, .manage_btn, .creat_alert {
        font-size: 14px;
    }
    .job_head_title p {
        font-size: 15px;
        margin: 0;
    }
    .exper_year, .require_skill, .about_com {
        font-size: 14px;
    }
    .exp_location {
        font-size: 14px;
    }
    .job_close p, .jobPoday p {
        font-size: 13px;
    }
    .labelappsave {
        font-size: 14px;
    }
    .d-flex.job_footer div {
        flex: 1 1;
    }
    .jobAlert {
        padding: 10px;
    }
    .searchBox input, .searchBox select {
        height: 45px;
        padding: 8px;
    }
    .jobCate::after {
        content: "\f107";
        color: #999;
        top: 8px;
        right: 13px;
        font-size: 20px;
        position: absolute;
        font-weight: 300;
        font-family: "FontAwesome";
    }
    .filterList li {
        padding: 10px;
        width: 100%;
    }
    .recruitAlert {
        padding:20px 10px;
    }
    .recruiterImg img {
        width: 80px;
    }
    .follows {
        padding-top: 5px;
    }
    .recruit_item {
        padding: 10px;
    }
    .recruiter_head_title h4 {
        font-size: 18px;
    }
    .recruiter_head_title p {
        font-size: 16px;
        margin-bottom: 0.5rem;
    }
    .reImg img {
        width: 100% !important;
        height: auto !important;
    }
    .applyrecruitBtn {
        width: 200px;
        float: right;
    }
    .reImg {
        padding: 10px;
    }
    .recruit_location, .recruiter_skill, .aboutCom, .actdays, .viewdate {
        font-size: 16px;
    }
    .menu_items .nav-tabs .nav-link {
        width: 100%;
    }
    input#myInput {
        padding: 9px;
        border-radius: 4px;
        color: inherit;
        width: 260px;
        border: 1px solid #e5e6e7;
        float: left;
        margin-top: 0;
    }
    .your_friends-item .friend-card {
        padding: 10px;
    }
    .company_section {
        padding: 110px 0 !important;
    }
    .company_section .filterList li {
        list-style-type: none;
        float: left;
        padding: 5px 10px !important;
    }
    .header-area {
        float: left;
        width: 100%;
        height: 100px;
    }

    header {
        float: left;
        width: 100%;
        height: 360px;
    }

    .banner_video {
        width: 100%;
        height: 100%;
    }

        .banner_video video {
            position: relative;
            left: 50%;
        }

    header .container {
        position: absolute;
        top: 0;
    }

    .text-white {
        top: 25px;
        left: 0;
        width: 100% !important;
        overflow: hidden;
        padding: 0 15px;
    }

    .lead {
        font-size: 18px;
    }

    .form {
        width: 100%;
        margin-top: 0px;
    }

    .input-container {
        width: 100%;
    }
 }
@media only screen and (max-width:350px){
    .logForm {
        width: 100%;
        margin: 30% auto;
    }
    .formHeading h5 {
        padding: 20px 15px;
        font-size: 18px;
    }
    .formHeading {
        height: 60px;
    }
    .option_item ul li {
        float: left;
        list-style-type: none;
        padding: 0px 10px 10px 0;
    }
    .client_bg .tab-pane {
        width: 90%;
        margin:30% auto;
        float: none;
    }
    .client_form{
        padding:0px;
        padding-bottom:15px;
    }
    .reImg img {
        width: 100% !important;
        height: auto !important;
    }
    .d-flex .recruiterImg {
        padding: 0 10px 0 0;
    }
    p#followersCount {
        margin: 0;
    }
    .recruiter_head_title {
        width: 100%;
    }
    .applyrecruitBtn {
        width: 100%;
        float: none;
    }
    .recruiterBox1 .d-flex {
        display: inline-block !important;
    }
    a.btn.sendmsg_btn {
        float: left;
    }
    .applyBtn, .reImg {
        float: none;
    }

}