@media screen and (max-width: 1333px)
{
    .home_page .domains {
        display: none;
    }
    .home_page .domain_mobile {
  display: block;}
    .home_page .discover .container {
        padding: 60px 20px 95px;
    }
}


@media screen and (max-width: 1200px)
{
    footer .content .wrapper {
        flex-direction: column;
    }
    .single_service .sec_2 .content {
        padding: 135px 70px 73px 56px;
    }

    .about_page .team .b_wrapper {
        flex-direction: column;
        gap: 38px;
    }
    .about_page .team .b_wrapper h3,
    .about_page .team .b_wrapper .l_b {
        max-width: 100%;
    }
    .about_page .our_services .content {
        padding-left: 0;
            max-width: calc(100% - 40px);
    }

    .home_page .discover .container {
        padding: 60px 0px 95px;
    }

    .home_page .discover .content_imgs .images {
        overflow-x: scroll;
                padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .home_page .discover .content_header {
        padding: 0 20px;
    }

}

@media screen and (max-width: 1150px)
{
    .single_service .sec_2 .content .right {display: none;}
    .single_service .sec_2 .content .left .right {
        display: flex;
        padding-top: 0;
    }
    .single_service .sec_2 .content .left {
        max-width: 100%;
        padding-top: 0;
        max-width: 100%;
        gap: 34px;
    }
    .single_service .sec_3 .content {
        max-height: 100%;
        align-items: center;
        flex-direction: column;
    }

    .single_service .sec_3 .content .l_b {
        width: 100%;
    }
    .single_service .sec_3 .content .r_b {
        padding: 70px 20px;
        width: 100%;
    }

    .about_page .our_approach .content {
        padding: 0px 60px 93px;
        flex-direction: column-reverse;
        position: relative;
        gap: 55px;
    }
    .about_page .our_approach .content .r_block {
        margin-top: 0;
        transform: none !important;
        align-items: flex-start;
    }
    .about_page .our_approach .content .r_block .quote {
        position: absolute;
        bottom: 0;
    }
    .about_page .our_approach .content .r_block .im_w {
        margin-top: -111px;
    }
    .about_page .our_approach .content .l_block {
        max-width: 100%;
    }
    .about_page .team {
        margin-top: 70px;
    }
    .home_page .about .wrapper {
        align-items: flex-start;
        gap: 50px;
        justify-content: flex-start;
        flex-direction: column;
    }

    .home_page .about .r_b {
        gap: 16px;
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0;
        border: none;
    }
    .home_page .about .main_img {
        align-self: flex-end;
    }

    .home_page .about .l_b a {
        display: none;
    }
    .home_page .about .r_b a {
        display: flex;
    }
    .home_page .discover .content_header .r_block {
        max-width: 100%;
    }
}

@media screen and (max-width: 950px)
{
    /* * {
        border: 1px solid transparent;
    } */
     
    header .nav_list, header .nav_list, header nav.r_nav, #wpadminbar {
        display: none !important;
    }
    header nav.l_nav .logo::after {
        display: none;
    }
    header nav.l_nav .logo {
        width: 158px;
        height: 26px;
    }
    header nav.l_nav .logo svg {
        width: 100%;
        height: 100%;
    }
    body.menu_opened .menu_mobile{
        opacity: 1;
        visibility: visible;
        top: 0;
    }
    header {
        top: 0;
        padding-top: 22px;
        z-index: 2;
    }
    body.menu_opened header {
        background-color: #000;
    }
    header .menu_btn{
        display: flex;
    }
    .realisations_page .main_sec .sec_header {
        flex-direction: column;
        gap: 27px;
        padding: 0 20px;
    }
    .realisations_page .main_sec .grid_sec {
        flex-direction: column;
        gap: 50px;
    } 
    .realisations_page .main_sec .grid_sec .images_layout {
        padding: 0 20px;
    }
    .realisations_page .main_sec .grid_sec {
        margin-top: 50px;
    }
    .realisations_page .main_sec .sec_header p {
        max-width: 100%;
    }
    .realisations_page .main_sec .container {
        padding: 0;
    }
    .realisations_page .main_sec .grid_sec .filter_wrapper {
        flex-direction: row;
        overflow-y: scroll;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 30px;
    }
    .realisations_page .main_sec {
        padding-top: 40px;
    }
    .realisations_page .hero_sec {
        min-height: 266px;
    }
    .realisations_page .hero_sec .banner_bg img {
        object-position: 0px -30px;
    }
    .realisations_page .main_sec .grid_sec .images_layout .load_more {
        margin-top: 50px;
    }

    footer .content .wrapper .r_b .menu ul {
        display: none;
    }

    footer .content .wrapper .r_b {
        flex-direction: column;
        gap: 65px;
    }
    .single_service .sec_2 .content {
        padding-top: 52px;
    }

    .about_page .team .pre_prod {
        padding-left: 0;
    }

    .about_page .our_services .content h3 {
        padding-top: 208px;
    }
    .about_page .our_services .content .img_w {
        display: flex;
        justify-content: center;
    }
    .home_page .discover .content_header {
        flex-direction: column;
        gap: 25px;
    }

    .home_page .discover .content_imgs {
        margin-top: 63px;
    }
}

@media screen and (max-width: 850px)
{
    footer .footer_bottom .b_l ul {
        flex-wrap: wrap;
                width: 100%;
        justify-content: space-between;
    }

    footer {
        padding: 0 20px 20px 20px;
    }

    .single_service .sec_2 .content .left .img_w {
        flex-direction: column-reverse;
        align-items: center;
        gap: 45px;
        margin-top: 34px;
    }

    .contact_us .content .card h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .contact_us .content {
        padding: 95px 10px;
    }
    .contact_us .content .card > p {
        font-size: 18px;
        line-height: 26px;
    }

    .single_service .sec_2 .content {
        padding: 52px 20px 72px 20px;
    }

    .single_service .hero_sec .hero_splide .info h1 {
        font-size: 43px;
        line-height: 44px;
    }
    .single_service .hero_sec .hero_splide .img_b {
        height: 527px;
    }

    .single_service .hero_sec .hero_splide .info {
        left: 20px;
        bottom: 40px;
    }

    .about_page .team .pre_prod {
        flex-direction: column;
    }
}
.about_page .team .content .portrait .image-mobile {
    display: none;
}
@media screen and (max-width: 768px)
{

    .home_page .domain_mobile .content .s_p
    {
        font-size: 20px;
        line-height: 24px;
    }
    .home_page .domain_mobile .content .sub_headline {
        flex-direction: column;
        gap: 0;
        width: calc(100% - 40px);
        max-width: 374px;

        align-items: initial;
        justify-content: initial;
        margin: auto;
    }
    .home_page .domain_mobile .content .sub_headline span{
        text-align: initial;
        font-size: 38px;
        line-height: 44px;
    }
    .home_page .domain_mobile .content .sub_headline span:last-of-type {
        align-self: flex-end;
    }
    .home_page .domain_mobile .content .sub_headline::before {
        content: "";
        position: absolute;
        height: 1px;
        width: 96px;
        top: 20px;
        right: 0;
        background-color: rgba(0, 0, 0, 0.6509803922);
    }
    .home_page .domain_mobile .content .sub_headline::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 96px;
        inset: initial;
        bottom: 20px;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6509803922);
    }
    .home_page .domain_mobile .content .headline {
        font-size: 38px;
        line-height: 42px;
        margin-bottom: 18px;
    }
    header {
        padding: 0 20px;
        top: 0;
        padding-top: 17px;
    }

    .about_page .hero {
        padding-top: 235px;
    }
    .about_page .hero .container {
        padding: 0 20px;
    }
    .about_page .hero .header {
        height: auto;
        margin-left: 0;
        padding-bottom: 0;
        margin-bottom: 46px;
        font-size: 45px;
        line-height: 48px;
    }

    .about_page .hero .sub_header {
        margin-top: 0;
        margin-left: 0;
        left: 0;
        right: unset;
    }
    .about_page .our_approach .content .l_block {
        flex-direction: column;
    }
    .about_page .our_approach .content {
        padding: 0px 20px 133px;
    }
    .about_page .team .content {
        max-width: 100%;
    }
    .about_page .team .content .portrait .image-mobile {
        display: flex;
    }
    .about_page .team .content .portrait .image-desktop {
        display: none;
    }
    .about_page .team .content .portrait img {
        aspect-ratio: 376/592;
        object-fit: cover;
        background: linear-gradient(180deg, rgba(18, 18, 18, 0) 31.08%, #121212 94.09%);

    }
    .about_page .team .b_wrapper {
        max-width: calc(100% - 40px);
        margin-top: -376px;
    }

    .about_page .team .pre_prod {
        margin-top: 56px !important;
        padding-top: 0 !important;
        padding: 0 20px;
        align-items: center;
        gap: 56px;
    }
    .about_page .team {
        padding-bottom: 141px;
    }
    .about_page .our_services .content .services_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .about_page .our_services .content .img_w {
        top: -85px;
        height: 240px;
        width: 238px;
        overflow: hidden;
            left: 0;
    margin: 0 auto;
    }

    .about_page .our_services .content .img_w img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about_page .our_services .content {
        padding-top: 0;
    }
    .about_page .team .pre_prod .r_b {
        align-items: center;
        padding-top: 0;
    }
    .about_page .team .pre_prod .r_b :is(p, h3, .quote) {
        text-align: center;
    }
    .about_page .team .pre_prod .r_b .quote {
        margin-top: 60px;
    }

    .about_page .team .b_wrapper h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .about_page .team .content .portrait {
        position: relative;
        isolation: isolate;
    }
    .about_page .team .content .portrait::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(180deg, rgba(18, 18, 18, 0) 31.08%, #121212 94.09%);
        /* z-index: -1; */
    }
    .about_page .hero {
        min-height: auto;
    }

    .gs-scrub {
        opacity: 0;
    }
    .home_page .about .content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .home_page .about .r_b a {
        margin-top: 45px;
    }
    .discover, .domains {
        height: auto;
    }
    .home_page .discover .content_imgs .images .img {
        width: 258px;
    }
    .home_page .discover .content_imgs .images .img img {
                width: 258px;
        height: auto;
    }
}

@media screen and (max-width: 600px)
{
    footer .footer_bottom {
        position: relative;
    }
    footer .footer_bottom .b_l {
        flex-direction: column;
        flex-direction: column;
        align-items: end;
        gap: 26px;
    }
    footer .footer_bottom .credits {
        position: absolute;
        bottom: 14px;
        left: 0;
    }

    footer .content .wrapper .links {
        width: 100%;
    }

    footer .content .wrapper .links .b {
        width: 50%;
        overflow: hidden;
    }
    footer .content .wrapper .links a .img_w {
        width: 100%;
    }

    footer .content .wrapper .links a .img_w img {
        object-position: -30px 0;
    }

    footer .content .wrapper .r_b .menu .devis_cta {
        width: 100%;
        justify-content: center;
    }
    footer .content .wrapper .r_b .in_touch .socials {
        justify-content: center;
    }
    footer .content .wrapper .r_b .in_touch {
        align-items: center;
    }

    a.cta {
        color: #000000;
        transform: translateX(45px);
        width: max-content;
    }
    footer .content .wrapper .r_b .in_touch .cta_maps {
        transform: translateX(0px);
    }
    a.cta.light {
        color: #ffffff;
    }
    a.cta,
    a.cta .icon svg {
        opacity: 1;
    }
    a.cta .icon {
        width: 50px;
        height: 50px;
            transform: translateX(-40px);
    }

    a.cta span,
    a.cta:hover span {
        transform: translateX(18px);
    }
    footer .content .wrapper .r_b .in_touch .addr {
        text-align: center;
    }

    footer .content .wrapper .r_b .in_touch .cta_maps {
        margin-top: 30px;
    }

    footer .logo {
        display: flex;
        justify-content: center;
    }

    footer .content {
        padding-top: 73px;
    }

    footer .content .wrapper .r_b .in_touch .addr {
        max-width: 262px;
    }

    a.cta span::after {
        display: none;
    }
    .realisations_page .main_sec {
        padding-bottom: 74px;
    }
    .realisations_page .main_sec .grid_sec {
        gap: 20px;
    }

    .realisations_page .main_sec .grid_sec .filter_wrapper {
        padding-bottom: 30px;
    }

    .about_page .hero .header {
        font-size: 35px;
        line-height: 38px;
    }
    .home_page .about .main_img{
        max-width: 263px;
        height: 362px;
        width: 100%;
    }
    .home_page .about .main_img img{
        width: 100%;
        height: 100%;
    }
    .home_page .discover .content_imgs .images {
        gap: 20px;
    }
    .home_page .hero h1 {
        font-size: 43px;
        line-height: 47px;
        max-width: 334px;
        margin: 0 auto;
    }
    .home_page .about {
        padding: 0 0 42px;
    }
    .home_page .about .wrapper {
        padding-top: 154px;
    }
    .home_page .about .l_b {
        top: 60px;
    }
    .home_page .about .l_b h3 {
        font-size: 40px;
        line-height: 50px;
    }
}