@media (max-width: 768px) {
    section {
        overflow: hidden;
    }

    .responsive_header {
        display: block;
    }

    .responsive_header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 15px;
    }

    .responsive_header img {
        width: 100px;
    }

    .header_logo {
        display: none;
    }

    .header_nav ul li {
        display: block;
        padding: 10px 12px;
        border-bottom: 1px solid #ffffff5b;
        width: 100%;
    }

    .Header_show .headder {
        display: block;
        padding: 0 0;
        /* position: absolute; */
    }

    .Header_show {
        background-image: linear-gradient(to right bottom, #ffc0cb, #ee9eb5, #da7ca4, #c35b96, #a93a8b, #932979, #7d1767, #680155, #52073b, #3a0c26, #220a15, #000000);

    }

    .headder {
        background-image: linear-gradient(to right bottom, #ffc0cb, #ee9eb5, #da7ca4, #c35b96, #a93a8b, #932979, #7d1767, #680155, #52073b, #3a0c26, #220a15, #000000);
        width: 100%;
        height: 1000px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: none;
        margin-top: 57px;
    }

    .header_nav {
        width: 96%;
        margin: 0 auto;
        margin-top: 13px;
    }

    .toggle_botton i {
        font-size: 25px;
        color: #fff;
        cursor: pointer;
    }

    .headder.Header_show {
        display: block;
        margin-top: 57px;
    }

    li.header_login {
        border-bottom: 0px !important;
        margin-top: 10px;
    }


    .toggle_botton .fa-solid {
        display: block;
    }

    .toggle_botton .fa-regular {
        display: none;
    }

    .Header_show .toggle_botton .fa-solid {
        display: none;
    }

    .Header_show .toggle_botton .fa-regular {
        display: block;
    }

    .banner_img {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .card_slider_home {
        padding-top: 15px;
    }

    .section_heding h1 {
        font-size: 19px;
        line-height: normal;
    }

    .section_heding .line_after_title:before {
        margin-left: -7px;
        border-width: 0 4px 4px 4px;
    }

    .line_after_title:after {
        border-width: 3px 0 0 0;
    }

    .section_heding {
        margin-bottom: 15px;
    }

    .card_slider_video_box {
        height: 170px;
    }

    .what_we_do_home {
        padding-top: 20px;
    }

    .whaT_we_do video {
        height: 200px;
        margin-top: 15px;
    }

    .our_process .col-lg-3.col-sm-6 {
        width: 50%;
    }

    .our_process .col-lg-3.col-sm-6:nth-child(3) {
        order: -1;
    }

    .our_process .col-lg-3.col-sm-6:nth-child(2) {
        order: -1;
    }

    .our_process .col-lg-3.col-sm-6:nth-child(1) .our_process_box {
        height: 100%;
    }

    .our_process .col-lg-3.col-sm-6 {
        width: 50%;
    }

    .icons_our_process svg {
        width: 35px;
        height: 35px;
    }

    .icons_our_process {
        bottom: 13px;
    }

    .our_process_box p {
        font-size: 11px;
    }

    .our_process_box h1 {
        font-size: 15px;
    }

    .our_process_box {
        height: auto;
        margin-top: 15px;
        padding-top: 0px;
    }

    .our_process .col-lg-3.col-sm-6:nth-child(4) .our_process_box {
        height: 100%;
    }

    .our_process {
        margin: 20px 0;
    }

    .home_form_input {
        width: 100%;
        margin: 0px auto;
        margin-top: 30px;
    }

    .home_form_input .input-group input,
    .home_form_input .input-group textarea {
        width: 100%;
        height: 33px;
        border-radius: 7px !important;
        font-size: 13px;
        padding: 0px 10px;
    }

    .home_form_input .input-group label {
        font-size: 13px;
    }

    .preloader .loader {
        width: 30px;
        height: 30px;
    }

    .preloader .loader .shadow {
        height: 7px;
        top: 43px;
    }

    .header_nav ul li a {
        display: block;
    }

    .about_cont_box_video {
        height: 200px;
    }

    .about_heading h1 {
        font-size: 18px;
    }

    .about_cont_box_text h1 {
        font-size: 18px;
        margin-bottom: 5px;
        margin-top: 11px;
    }

    .about_cont_box_text p {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .about_cont_box_text li {
        font-size: 13px;
        padding: 2px 0;
    }

    .about_cont_box_text ul {
        padding-left: 14px;
    }

    /* ============ Blog ============ */

    section.grid_anim_card .col-sm-4 .col-sm-6 {
        width: 100%;
        margin-bottom: 15px;
    }

    .ge_buuuon {
        /* display: flex; */
        align-items: center;
        height: auto;
        display: block;
        margin-bottom: 25px;
    }

    .home_six_3d_text h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .home_six_3d_text p {
        font-size: 12px;
    }

    .home_six_3d_img.aos-init.aos-animate,
    .home_six_3d_img,
    .row.gre_cen .home_grid_main_img {
        box-shadow: rgb(255 255 255 / 72%) 0px 6px 12px -2px, rgb(255 255 255 / 81%) 0px 3px 7px -3px;
        width: 92%;
        margin: 0 auto;
        margin-bottom: 20px;
        border-radius: 12px;
    }

    .home_six_3d_text {
        padding: 11px 12px;
    }

    .home_grid_main_img {
        margin-bottom: 0;
    }

    section.grid_anim_card {
        padding: 30px 0;
    }

    section.grid_anim_card .col-sm-4:nth-child(3) {
        order: -1;
    }

    .home_six_3d_img.ge_buuuon.aos-init.aos-animate {
        box-shadow: none;
    }

    .home_grid_main_img img,
    .home_grid_main_img {
        border-radius: 12px 12px 0px 0px;
    }

    .Button_main {
        font-size: 16px;
        padding: 4px 0px;
    }

    footer {
        padding: 6px 5px;
    }

    footer .col-sm-3:nth-child(3),
    footer .col-sm-3:nth-child(4) {
        width: 50%;
        margin-top: 20px;
    }

    .footer_box_new .footer_log img {
        width: 50%;
    }

    .footer_secont {
        padding: 9px 10px;
    }

    .social_media_footer ul li a {
        width: 25px;
        height: 25px;
    }

    .footer_secont p {
        margin: 0;
        font-size: 13px;
    }

    .footer_secont {
        display: block;
    }

    .social_media_footer {
        margin-top: 8px;
    }

    .footer_box_new h2 {
        font-size: 20px;
    }

    /* login signup css start */

    .login-signup .card1 {
        display: block;
        height: auto;
        margin: 20px auto;
        width: 100%;
    }

    .login-signup .card1 .right-panel {
        padding: 15px;
    }
    .row.row_first_process1{
        display: block;
        justify-content: center;
        margin-top: 60px;
        text-align: -webkit-center;
    }
    .row.row_first_process2{
        display: block;
        justify-content: center;
        margin-top: 60px;
        text-align: -webkit-center;
    }
    .card_slider_home .card_slider{
        display:block;
    }
    
}