@media only screen and (max-width: 1669px) {
    .project_button_position {
        bottom: 133px;
        right: 7%;
    }
}

@media only screen and (max-width: 1500px) {
    .contact_info_foot {
        bottom: -84px;
    }
}

@media only screen and (max-width: 1399.98px) {

    .Subcontractor_other input {
        left: 0;
        top: 0;
        width: 246px;
    }

    .project_button_position {
        bottom: 123px;
        right: 61px;
    }
}



@media only screen and (max-width: 1199.98px) {
    /* .form_div {
        padding: 30px 70px;
    } */
}

@media only screen and (max-width: 1026px) {

    .just_resume_img div h3 {
        font-size: 26px;
    }

    .resume_img {
        max-width: 280px;
    }
}


@media only screen and (max-width: 991.98px) {
    .year_add {
        width: 100%;
    }

    .header_head_text_contact {
        font-size: 3.3vw;
    }

    .Tooltiptext p {
        font-size: 14px !important;
    }

    .experience_text:nth-child(4)::before {
        content: '';
        width: 100px;
        height: 5px;
        background-color: #ECF4FA;
        position: absolute;
        bottom: -37px;
        left: 0;
    }

    .outside_work {
        min-height: 43vh;
        display: flex;
        align-items: flex-end;
    }

}

@media only screen and (max-width: 933px) {
    .contact_info_foot {
        bottom: -100px;
    }
}


@media only screen and (max-width: 767.98px) {
    .logo {
        width: 100%;
        max-width: 90px;
    }


    .header_head_text {
        font-size: 20px;
    }

    .sidebar_content_body {
        margin-top: 20px;
    }

    .sidebar_content_body ul li div .sidebar_menu_div {
        display: none !important;
    }

    .img_help {
        max-width: 32px;
    }

    .fa-right-from-bracket {
        font-size: 32px;
    }

    .profile_icon_btn>img {
        width: 35px;
        height: 35px;
    }

    .profile_dropdown {
        top: 2px;
    }

    .sidebar {
        /* overflow-y: auto; */
        box-shadow: -20px 65px 40px #626262;
        position: fixed;
        left: 0;
        bottom: 0;
        transition: .5s;
        z-index: 1000;
        background-color: #002E71;
        /* height: calc(100% - 100px); */
        /* padding: 20px 0px; */
        padding: 126px 0px 20px;
        width: calc(60px);
    }

    .content {
        padding-top: 100px;
        float: right;
        width: calc(100% - 60px);

    }

    footer {

        width: calc(100% - 60px);

    }

    .sidebar_content_body ul li div div {
        display: none !important;
    }

    .form-check-label {
        font-size: 13px;
    }

    .sidebar_content_body>ul>li {
        margin-top: 40px;
    }

    .sidebar_content_body>ul>li:nth-child(1) {
        margin-top: 0px;
    }

    .icon {
        font-size: 30px;
        display: block;
    }

    /* .form_div {
        padding: 30px 30px ;
    } */

    .Tooltip .Tooltiptext {
        left: -270px;
        top: 55px;

    }

    .year_add {
        font-size: 13px;
        width: 100%;
    }


    .sideber_tooltip:before {
        top: 425px !important;
        left: 45px !important;
        display: none !important;

    }


    /* ------------------------ */
    .sideber_tooltip:after {
        top: 425px !important;
        left: 46px !important;
        display: none !important;
    }

    .Subcontractor_other input {
        left: 0;
        top: 0;
        width: 100%;
    }


    .project_button_position {
        bottom: 119px;
        right: 106px;
    }

    .save {
        font-size: 16px;
        color: #000000;
        border: 1px solid #F1A762;
        background-color: #F1A762;
        padding: 3px 10px;
        border-radius: 5px;
    }

    .cancel {
        font-size: 15px;
        color: #002E71;
        border: 1px solid #002E71;
        padding: 3px 15px;
        border-radius: 5px;
    }


    .lib-content {
        width: calc(100% - 0px);
    }


    .outside_work {
        background-size: cover;
    }

    .footer_background {
        height: 312px;
    }


    .all_img img {
        max-width: 18%;
    }

    .outside_work {
        background-position: inherit;
        min-height: 40vh;
        display: flex;
        align-items: flex-end;
    }

    .just_resume_img div h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 667px) {
    .banner_head_txt h2 {
        font-size: 44px;
        text-align: center;
    }

    .banner_head_txt p {
        font-size: 20px;
        text-align: center;
    }

    .baner_child_img {
        max-width: 220px;
    }
}

@media only screen and (max-width: 600px) {

    .Tooltip .Tooltiptext {
        left: -211px;
    }

    .Tooltiptext h5 {
        font-size: 14px;
    }

    .Tooltiptext p {
        font-size: 12px !important;
    }

    .fa-phone {
        font-size: 15px !important;
    }

    .fa-envelope {
        font-size: 15px !important;
    }

    .Tooltip .Tooltiptext.Tool_tip_text {
        left: -115px !important;
    }
}

@media only screen and (max-width: 575.98px) {
    .content {
        padding-top: 100px;
    }

    .content_body .container>h2 {
        font-size: 26px;
        margin-top: 15px;
    }

    .header_head_text {
        font-size: 20px;
    }

    .header_head_text_contact {
        font-size: 3.7vw;
    }

    .change-password>div {
        margin: 0 auto;
    }

    .changes_btn_box {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .content_body {
        margin-top: 42px !important;
    }

    .logo {
        width: 100%;
        max-width: 80px;
    }

    .form_div {
        padding: 20px 10px !important;
    }

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

    .img_help {
        max-width: 30px;
    }

    .fa-right-from-bracket {
        font-size: 30px;
    }

    .help_text {
        font-size: 8px;
    }

    .logo_one {
        width: 100%;
        max-width: 23px;
        margin-right: 10px;
    }

    .year_add {
        margin-top: 8px;
        font-size: 13px;
        width: 100%;
    }

    .profile_icon_btn>img {
        width: 28px;
        height: 28px;
    }

    .profile_dropdown {
        top: 4px;
    }

    .save {
        font-size: 16px;
        color: #000000;
        border: 1px solid #F1A762;
        background-color: #F1A762;
        padding: 3px 10px;
        border-radius: 5px;
    }

    .cancel {
        font-size: 15px;
        color: #002E71;
        border: 1px solid #002E71;
        padding: 3px 15px;
        border-radius: 5px;
    }

    .form_btn {
        font-size: 17px;
    }




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

    .experience_text h2,
    .download_text_box h2 {
        font-size: 24px;
    }

    .experience_text:nth-child(4)::before {
        content: '';
        width: 100px;
        height: 5px;
        background-color: #ECF4FA;
        position: absolute;
        bottom: -37px;
        left: 0;
    }

    .year_add {
        font-size: 13px;
        margin-top: 8px;
    }

    .banner_head_txt h2 {
        font-size: 44px;
        text-align: center;
    }

    .banner_head_txt p {
        font-size: 18px;
        text-align: center;
    }

    .baner_child_img {
        max-width: 130px;
    }

    .project_photo_box_child {
        width: 351px;
        height: 162px;
    }

    .project_photo_box .project_photo_box_child img {
        max-width: 220px;
        width: 100%;
    }

    .project_photo_box_child .fa_plus {
        top: 57px;
        left: 167px;
    }

    .project_photo_hover_div div .fa_xmark {
        top: 3px;
        right: 8px;
    }

    .add_image {
        top: 79px;
        left: 139px;
    }

    .project_photo_hover_div>div {
        top: 162px;
    }

    .project_button_position {
        bottom: 93px;
        right: 33px
    }

    .just_resume_img div h3 {
        font-size: 16px;
        line-height: 25px;
    }


}

@media only screen and (max-width: 380px) {
    .just_resume_img {
        flex-direction: column;
    }

    .just_resume_img div img {
        max-width: 146px;
    }

    .just_resume_img .plus_img {
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: 25px;
    }

    .ui-datepicker {
        position: absolute;
        top: 962.188px;
        left: 73.812px !important;
        z-index: 1;
        width: 239px !important;
    }

    .header_head_text_contact {
        font-size: 3.9vw;
    }

    .Tooltip .Tooltiptext {
        left: -132px;
    }
}