@media (max-width:1600px) {

    /* .banner_slider .items {
        height: 620px;
    } */
    .content_side_dv {
        padding-left: 65px;
        width: 100%;
    }

    .row_reverse .content_side_dv {
        padding-right: 65px;
    }

    .value_proposition_section .projects_box h5 {
        font-size: 23px;
    }

    .project_cards ul li:not(:last-child) {
        margin-bottom: 15px;
    }

    .info-box i {
        font-size: 36px;
    }
}

@media (max-width:1500px) {
    .responsibility_section .our_promise {
        width: 650px;
        max-width: 130%;
    }

    .responsibility_section .our_promise .overlay {
        padding: 50px 80px;
    }
}

@media (max-width:1350px) {
    p {
        font-size: 19px;
        line-height: 25px;
    }

    .banner_slider .items .overlay {
        padding: 0 60px;
    }

    .services_items .icon_box,
    .services_items h5 {
        margin-bottom: 20px;
    }

    .home_our_story_section .story_image_side {
        width: 100%;
    }

    .home_our_story_section .story_image_side img {
        height: 650px;
    }

    .home_our_story_section .story_content .theme_btn {
        margin-top: 40px;
    }

    .services_items h5 {
        font-size: 17px;
    }

    .services_items .icon_box img {
        width: 74px;
    }

    .home_services_section .services_items_wrap_in .nav-tabs .nav-item.active .icon_box a {
        transform: scale(1.1);
    }

    .services_items .icon_box a {
        width: 35px;
        height: 35px;
    }

    .home_projects_section .projects_content {
        margin-bottom: 70px;
    }

    /* .projects_box h5 { 
        min-height: 230px;
    } */

    .footer_section .row {
        margin-inline: -30px;
    }

    .footer_section .row>div {
        padding-inline: 30px;
    }

    .footer_section .container-fluid {
        padding-inline: 60px;
    }

    .projects_box h5 {
        font-size: 17px;
    }

    .services_box_wrap .services_box {
        width: calc(33.33% - 30px);
    }

    /* .breadcrumb_section .items {
        height: 540px;
    } */
    .breadcrumb_section .items .overlay {
        padding-bottom: 80px;
    }

    .home_our_story_section .story_content {
        width: 94%;
    }

    .container-fluid {
        padding-inline: 80px;
    }

    .value_proposition_section .projects_box p {
        margin: 0;
    }

    .value_proposition_section .projects_box h5 br {
        display: none;
    }

    .value_proposition_section .projects_box h5 {
        font-size: 20px;
    }

    .value_proposition_section .projects_box img {
        width: 90px;
    }

    .image_side_dv img {
        height: 550px;
    }

    .main_title.big_title {
        font-size: 40px;
    }

    .csr_page .service_pg .vision_box {
        padding: 20px !important;
    }

    .csr_page .vision_box .content {
        width: calc(100% - 75px);
        padding-left: 20px;
    }

    .csr_page .home_services_section .vision_box .content {
        width: calc(100% - 100px);
    }

    .csr_page .vision_box .content p {
        font-size: 16px;
        line-height: 21px;
    }


}

@media (max-width:1199px) {
    .container-fluid {
        padding-inline: 80px;
    }

    .main_header {
        padding: 20px 0;
    }

    .head_row .head_logo {
        width: 170px;
    }

    /* .banner_slider .items {
        height: 590px;
    } */

    .banner_slider .items .overlay p {
        font-size: 24px;
        line-height: 1.25;
    }

    .banner_slider .items .overlay p br {
        display: none;
    }

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

    .head_menu ul {
        gap: 0 18px;
    }

    .head_menu ul.level2 li a {
        font-size: 15px;
    }

    .head_menu ul.level2 {
        width: 290px;
    }

    p {
        font-size: 18px;
        line-height: 24px;
    }

    .home_services_section .services_img {
        min-width: 430px;
        left: -80px;
    }

    .home_services_section .services_items_wrap .services_items_wrap_in {
        margin-top: 50px;
    }

    .home_services_section .services_img {
        display: none;
    }

    .home_services_section .services_items_wrap .services_img {
        display: block;
        width: 450px;
        max-width: 100%;
    }

    .projects_box {
        padding: 30px 25px;
    }

    .projects_box h5 br {
        display: none;
    }

    .home_projects_section .projects_content {
        margin-bottom: 50px;
    }

    .home_our_story_section .story_image_side {
        right: -80px;
    }

    .home_our_story_section .story_image_side img {
        height: 605px;
    }

    .why_choose_us .home_our_story_section .story_image_side {
        left: -80px;
        max-width: max-content;
        width: 377px;
    }

    .why_choose_us .home_our_story_section .story_content ul li {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .mockup_img_section3 .home_our_story_section .story_content {
        margin-left: 40px;
    }


    ul.foot_menu1 li:not(:last-child) {
        margin-bottom: 7px;
    }

    .home_services_section .services_content {
        margin-bottom: 50px;
    }

    .serv_slider {
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .our_promise {
        margin-top: 40px;
    }

    .service_project_slider .owl-dots {
        position: relative;
        right: 0;
        width: 100%;
        bottom: 0;
        margin-bottom: 40px;
        margin-top: 25px;
    }

    .service_project_slider .content {
        width: 100%;
        margin-top: 40px;
    }

    .home_our_story_section .story_content.whychoose_us {
        width: 100%;
    }

    .vision_box .content {
        width: calc(100% - 75px);
    }

    .vision_box {
        padding: 30px !important;
    }

    .content_side_dv {
        padding-left: 30px;
    }

    .row_reverse .content_side_dv {
        padding-right: 30px;
    }

    .project_image_slider img {
        height: 450px;
    }

    .csr_page .vision_box .content {
        width: calc(100% - 100px);
    }

    .csr_page .vision_box {
        padding: 0 !important;
    }

    .csr_page .service_pg .vision_box {
        width: 50%;
    }

    .csr_page .service_pg .vision_box:last-child {
        border-top: 1px solid rgb(255 255 255 / 40%);
        border-right: 1px solid rgb(255 255 255 / 40%);
    }

    .csr_page .service_pg .vision_box:nth-child(2) {
        border-bottom: 1px solid rgb(255 255 255 / 40%);
        border-right: 0;
    }

    .responsibility_section .our_promise {
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }

    .responsibility_section {
        padding-block: 60px;
    }

    .responsibility_section .vision_box {
        flex-wrap: nowrap;
    }

    .responsibility_section .our_promise img {
        height: auto;
    }

    .mockup_img_section .home_our_story_section .story_image_side {
        max-width: 96%;
    }


    .home_our_story_section .story_image_side {
        width: 320px;
    }

    .mockup_img_section3 .home_our_story_section {
        padding-block: 0;
    }

    .home_our_story_section .story_image_side {
        width: 100%;
    }

    .mockup_img_section4 .story_content {
        margin-left: 40px !important;
    }

    .captch_wrap input {
        width: 100% !important;
    }

    .get_in_touch_form .form_control {
        margin-bottom: 15px;
    }

    .captch_wrap {
        flex-wrap: wrap;
        gap: 10px 0;
    }
}

@media (max-width:991px) {
    .head_menu {
        display: none;
    }

    .nav_trigger {
        display: block;
    }

    .mob_menu {
        display: block;
    }


    .container-fluid {
        padding-inline: 50px;
    }

    /* .banner_slider .items {
        height: 550px;
    } */

    .home_our_story_section .story_content {
        width: 100%;
    }

    .home_our_story_section .story_image_side {
        right: 0;
        margin-bottom: 60px;
    }

    .home_our_story_section .story_image_side img {
        height: auto;
    }

    .home_our_story_section .story_image_side {
        width: 100%;
    }

    .services_items {
        text-align: left;
    }

    .services_items .icon_box a {
        right: -75px;
        text-align: center;
    }


    .home_services_section .services_img {
        left: -50px;
        min-width: auto;
        max-width: 64%;
    }

    .services_items .icon_box {
        width: auto;
    }

    .services_items .icon_box img {
        width: 77px;
    }

    .why_choose_us .home_our_story_section .story_image_side {
        margin-bottom: 0;
        margin-top: 60px;
    }

    .footer_section .foot_top {
        flex-direction: column-reverse;
        gap: 50px;
        margin-bottom: 0;
    }

    .footer_section .get_in_touch_form {
        width: 100%;
        margin-bottom: 40px;
    }

    .footer_section .contact_info {
        margin-top: 15px;
    }

    .services_box_wrap .services_box {
        padding: 30px 25px;
    }

    .services_box_wrap .services_box .icon {
        width: 70px;
    }

    .serv_slider .owl-nav {
        position: relative;
        top: auto;
        right: auto;
        flex-direction: row;
        gap: 0 20px;
        margin-bottom: 20px;
    }

    .reverse_hre_section .story_image_side {
        left: auto;
    }

    .home_our_story_section .story_content.story2 {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .home_our_story_section .story_image_side.add_overlay.mockup {
        height: 600px;
    }

    .main_title br {
        display: none;
    }

    .home_our_story_section .story_image_side .images_slider .owl-nav {
        bottom: 20px;
        left: 20px;
    }

    .service_project_slider {
        margin-top: 5px;
    }

    .service_project_slider .content {
        margin-top: 25px;
    }

    .service_project_slider .owl-dots .owl-dot button {
        font-size: 42px;
    }

    .row_reverse .divider,
    .divider {
        left: 0;
        right: 0;
        width: 100%;
    }

    .image_side_dv img {
        height: auto;
    }

    .content_side_dv {
        padding-left: 0;
    }

    .row_reverse .content_side_dv {
        padding-right: 0;
        text-align: left;
    }

    .image_side_dv,
    .row_reverse .image_side_dv {
        border-radius: 100px 0;
    }

    .partners_tab li .services_items {
        width: 210px;
    }

    .partners_tab:before {
        width: calc(100% - 210px);
        left: 105px;
    }

    .breadcrumb_section .items .overlay {
        background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%), rgb(0 0 0 / 82%));
    }

    .service_pg .vision_box {
        width: 50%;
    }

    .service_pg .vision_box_wrap .vision_box:nth-child(2),
    .service_pg .vision_box_wrap .vision_box:nth-child(4) {
        border-right: none;
    }

    .service_pg .vision_box_wrap .vision_box:nth-child(3) {
        border-top: 1px solid rgb(255 255 255 / 40%);
        border-right: 1px solid rgb(255 255 255 / 40%);
    }

    .service_pg .vision_box .content h5 {
        font-size: 20px;
    }

    .project_image_slider {
        margin-top: 40px;
    }

    .project_image_slider img {
        height: auto;
    }

    .home_our_story_section .story_content {
        padding-bottom: 30px;
    }

    .mockup_img_section2 .story_image_side {
        height: auto !important;
        width: 320px;
        margin: 40px 0 0 0;
    }

    .mockup_img_section2 .story_image_side.add_overlay .over_icon img {
        width: 20px;
        height: 33px;
    }

    .mockup_img_section2 .story_image_side .over_icon {
        left: 50px;
    }

    .mockup_img_section .home_our_story_section .story_image_side {
        height: auto !important;
        margin-top: 0;
    }

    .mockup_img_section .home_our_story_section .story_content {
        padding-block: 17px;
    }

    .mockup_img_section3 .home_our_story_section .story_image_side {
        margin-top: 20px;
        max-width: 100%;
        height: auto !important;
    }

    .mockup_img_section3 .home_our_story_section .row {
        flex-direction: column-reverse;
    }

    .mockup_img_section4 .story_image_side {
        height: auto !important;
        width: 400px;
        margin-bottom: 60px !important;
        margin-top: 0 !important;
        max-width: 100%;
    }

    .mockup_img_section4 .row {
        flex-direction: column-reverse;
    }

    .mockup_img_section4 .story_content {
        padding-bottom: 30px;
    }

    .mockup_img_section3 .home_our_story_section .story_content {
        margin-left: 0;
    }

    .mockup_img_section3 .home_our_story_section {
        padding-block: 60px;
    }

    .service_project_slider .content {
        width: 100%;
        float: right;
        margin-top: 30px;
    }

    .service_project_slider .owl-dots {
        position: relative;
        bottom: 0;
        margin-bottom: 60px;
    }

    .mockup_img_section2 {
        padding-block: 60px;
    }

    .mockup_img_section4 .story_content {
        margin-left: 0 !important;
    }

    .btn-play-music {
        bottom: 15px;
        top: auto;
        right: 15px;
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .btn-play-music i {
        width: 16px;
    }

    .captch_wrap {
        flex-wrap: wrap;
        gap: 10px 18px;
        margin-bottom: 25px;
    }

    .captch_wrap .input-group {
        width: auto;
    }

    .captch_wrap input {
        width: 150px !important;
    }

    .contact-main .captch_wrap {
        margin-bottom: 0;
    }

    .contact-main .captch_wrap input {
        width: 136px !important;
        height: 37px;
    }

    .contact-main .captch_wrap img {
        width: 140px;
    }

    .contact-main .captch_wrap {
        gap: 20px 10px;
    }

    .contact-main .contact-form form {
        gap: 15px !important;
    }

    .home_our_story_section .story_image_side img {
        height: auto !important;
    }

    .home_our_story_section .story_image_side {
        width: 100% !important;
        max-width: 100% !important;
    }

    .mockup_img_section3 .home_our_story_section .story_image_side {
        width: 500px !important;
        left: 0;
    }

    .mockup_img_section2 .story_image_side {
        width: 500px !important;
        left: 0;
        float: none;
    }
}

@media (max-width:767px) {

    .container-fluid,
    .footer_section .container-fluid {
        padding-inline: 25px;
    }

    .head_row .head_logo {
        width: 140px;
    }

    .main_header {
        padding: 15px 0;
    }

    .main_header.scrolled {
        padding: 12px 0;
    }

    .home_services_section .services_items_wrap {
        flex-direction: column;
    }

    .home_our_story_section .story_image_side {
        border-radius: 50px 0;
    }

    .home_our_story_section .story_image_side .over_icon img {
        width: 26px;
        height: 20px;
    }

    .home_services_section .services_img {
        max-width: 100%;
        left: 0;
    }

    .home_our_story_section .story_image_side .over_icon {
        bottom: 20px;
        left: 50px;
    }

    .banner_slider .items .overlay {
        padding: 0 20px;
    }

    .banner_slider .items .overlay p {
        font-size: 18px;
        line-height: 1.25;
    }

    .home_our_story_section .story_content .theme_btn {
        margin-top: 15px;
    }

    .services_items_wrap_in {
        width: 100%;
    }

    .home_services_section .services_img {
        max-width: 100%;
    }

    .projects_box {
        margin-bottom: 30px;
    }

    .contact_info ul li p br {
        display: none;
    }

    .home_services_section .services_items_wrap .services_items_wrap_in {
        margin-top: 0;
    }

    .home_services_section .services_items_wrap_in .nav-tabs {
        margin-bottom: 35px;
    }

    .services_box_wrap .services_box {
        width: calc(50% - 30px);
    }

    .breadcrumb_section .items .overlay {
        padding-bottom: 50px;
    }

    .home_services_section .services_items_wrap .services_img {
        width: 100%;
        right: 0;
    }

    .partners_tab li .services_items {
        width: 156px;
    }

    .partners_tab:before {
        width: calc(100% - 156px);
        left: 78px;
    }

    .services_items h5 {
        font-size: 13px;
    }

    .main_title.big_title {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .home_services_section .services_content {
        margin-bottom: 30px;
    }

    .service_pg .vision_box {
        padding: 20px !important;
    }

    .service_pg .vision_box .content h5 {
        font-size: 17px;
    }

    .service_pg_col3 .vision_box .content h5 {
        font-size: 18px;
    }

    .project_cards {
        padding: 25px;
    }

    .project_cards ul {
        margin-top: 0;
    }

    .project_cards.reverse ul {
        padding-left: 0;
    }

    .project_cards ul li {
        padding-left: 38px;
    }

    .csr_page .service_pg .vision_box {
        width: 100%;
    }

    .csr_page .service_pg .vision_box:nth-child(1) {
        padding-top: 0 !important;
        border-right: 0;
    }

    .csr_page .service_pg .vision_box {
        border-bottom: 1px solid rgb(255 255 255 / 40%);
    }

    .csr_page .service_pg .vision_box:last-child {
        border: 0 !important;
        padding-bottom: 0 !important;
    }

    .job_tab li {
        font-size: 16px;
        padding: 10px 28px;
    }

    .job_listing_card_wrap {
        padding-right: 0;
    }

    .responsibility_section .our_promise .overlay {
        padding: 50px 50px;
    }

    .responsibility_section .our_promise {
        border-radius: 50px 0;
    }

    .mockup_img_section2 .story_image_side {
        width: 450px;
        max-width: 100%;
        margin-bottom: 0;
    }

    .mockup_img_section2 .story_content.whychoose_us {
        width: 100% !important;
    }

    .mockup_img_section2 .story_content.whychoose_us {
        padding-bottom: 30px;
    }

    .mockup_img_section .home_our_story_section {
        padding-block: 50px;
    }

    .mockup_img_section .home_our_story_section .story_content {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .mockup_img_section2 .story_image_side {
        border-radius: 70px 0 0 0;
    }

    .why_choose_us .home_our_story_section .story_image_side {
        left: 0;
    }
}



@media (max-width:600px) {
    .service_pg .vision_box {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px 0;
    }

    .service_pg .vision_box .content {
        padding-left: 0;
    }

    .service_pg .vision_box:nth-child(1),
    .service_pg_col3 .vision_box:nth-child(1) {
        padding-top: 0 !important;
        border-top: none !important;
    }

    .service_pg .vision_box:last-child,
    .service_pg_col3 .vision_box:last-child {
        padding-bottom: 0 !important;
    }

    .service_pg .vision_box {
        padding: 30px !important;
    }

    .service_pg .vision_box,
    .service_pg_col3 .vision_box {
        border-top: 1px solid rgb(255 255 255 / 40%) !important;
        border-right: none !important;
        border-left: none !important;
        padding-inline: 0 !important;
    }

    .service_pg_col3 .vision_box {
        width: 100%;
    }

}

@media (max-width:480px) {

    .home_our_story_section:before,
    .home_services_section:before,
    .home_projects_section:before,
    .footer_section:before,
    .responsibility_section:before {
        background-size: 100%;
    }

    .bg_red:before,
    .bg_blue:before {
        background-size: 100%;
    }

    p,
    .home_services_section .services_content ul li,
    .why_choose_us .home_our_story_section .story_content ul li {
        font-size: 17px;
        line-height: 23px;
    }

    .project_cards p {
        font-size: 17px;
    }

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

    .home_services_section .services_img {
        bottom: -20px;
        margin-bottom: -40px;
    }

    .bottom_footer {
        margin-top: 30px;
        padding-block: 15px;
    }

    .footer_section .foot_top {
        gap: 35px;
    }

    .bottom_footer .social_media ul {
        gap: 0 15px;
    }

    .bottom_footer .social_media ul li a {
        font-size: 14px;
    }

    .bottom_footer .quick_site ul {
        gap: 10px 8px;
    }

    .bottom_footer .quick_site ul li {
        font-size: 15px;
    }

    .home_our_story_section .story_image_side.add_overlay.mockup {
        height: 450px;
    }

    ul.foot_menu2 li a,
    .contact_info ul li p {
        font-size: 16px;
        line-height: 22px;
    }

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

    .services_items h5 {
        font-size: 11px;
    }

    .services_items .icon_box img {
        width: 52px;
    }

    .services_items .icon_box a {
        right: -35px;
        width: 25px;
        height: 25px;
    }

    .services_items .icon_box a img {
        width: 11px;
        height: 15px;
        display: block;
    }

    .services_box_wrap .services_box {
        width: calc(100%);
    }

    .vision_box {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px 0;
    }

    .vision_box .content {
        width: 100%;
        padding: 0;
    }

    .vision_box+.vision_box {
        margin-top: 25px;
    }

    .home_our_story_section .story_content {
        padding-bottom: 30px;
    }

    .main_title {
        font-size: 26px;
    }

    .whychoose_us .accordion-item .accordion-button {
        font-size: 18px;
        line-height: 24px;
        padding: 8px 12px;
    }

    .accordion-body {
        padding: 15px 15px 18px;
    }

    .accordion-body :last-child {
        margin-bottom: 0;
    }

    /* --------- */

    .partners_tab {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px 0;
        margin-top: 30px;
        padding-left: 25px;
    }

    .partners_tab li .services_items {
        width: calc(100% - 30px);
    }

    .partners_tab li .services_items h5 {
        font-size: 15px;
    }

    .partners_tab:before {
        width: 100%;
        left: 0;
        top: -30px;
    }

    .partners_tab:after {
        content: '';
        background: rgba(var(--theme_color_rgb_2), 1);
        top: -30px;
        left: 0;
        height: calc(100% + 30px);
        width: 1px;
        position: absolute;
    }

    .partners_tab li:before {
        width: 25px;
        height: 1;
        left: -25px;
        top: 28px;
    }

    .partners_tab li {
        width: 100%;
    }

    .partners_tab li .services_items h5 br {
        display: none;
    }

    .venture_note {
        padding: 20px;
        margin-top: 15px;
        font-size: 16px;
    }

    .partners_tab_container img {
        margin-bottom: 25px;
    }

    .breadcrumb_section .main_title {
        font-size: 20px;
    }

    .banner_slider .items .overlay ul li,
    .banner_slider .items .overlay ul li a {
        font-size: 12px;
    }

    .csr_page .home_services_section .vision_box .content {
        padding-left: 0;
        width: 100%;
    }

    .job_tab li {
        font-size: 14px;
        padding: 10px 12px;
        font-weight: 500;
    }

    .responsibility_section .our_promise .overlay {
        padding: 25px;
    }

    .responsibility_section .our_promise .overlay .main_title {
        margin-bottom: 10px;
    }

    .captch_wrap input {
        width: 130px !important;
    }
}

@media (max-width:400px) {}