@media screen and (min-width: 1500px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1500px;
    }
}

@media screen and (min-width: 992px) {
    .mobile_img {
        display: none !important;
    }
}

@media screen and (min-width: 576px) {
    .mobile_view {
        display: none !important;
    }
}

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

    :root {
        --h1: 10rem;
        --h2: 8rem;
        --h3: 6rem;
        --h4: 4rem;
        --h5: 3.5rem;
        --h6: 2.4rem;
        --h7: 1.8rem;
    }

    .image-container {
        min-width: 500px;
    }

    .main-hero {
        max-height: 900px;
    }

    .feed-slide .item>img {
        width: 100%;
    }

    section.individualised-sec .first_trans {
        max-width: 850px;
    }

}

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

    :root {
        --h1: 9rem;
        --h2: 6.8rem;
        --h3: 5.4rem;
        --h4: 3.6rem;
        --h5: 3rem;
        --h6: 2rem;
        --h7: 1.4rem;
    }

    .commontitle {
        line-height: 10rem;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.2;
    }

    .methodology-slider .owl-dots {
        width: 85%;
    }

    .methodology-slider .slide-title {
        width: 78%;
    }

    .methodology-slider .owl-dot .slidecontent h4 {
        line-height: 4rem;
        font-size: 3.5rem;
    }

    .methodology-slider .owl-dot .slidecontent {
        min-width: 220px;
    }

    .descript-box {
        max-width: 300px;
    }

    .grapics_box {
        max-width: 280px;
    }

    .grapics-img .charec {
        font-size: 80px;
    }

    .grapics-img .charec.m {
        left: -50px;
        top: -40px;
    }

    .grapics-img .charec.e {
        right: -50px;
        top: 18px;
    }

    .grapics-img .charec.u {
        bottom: -80px;
    }

    .grapics-img .charec.n {
        left: -78px;
    }

    .navlinks {
        padding: 115px 15px 25px;
    }

    .feed-slide .item>img {
        aspect-ratio: 4/3
    }

    .contImge-con img.img1 {
        max-width: 320px;
    }

    .contImge-con img.img2 {
        max-width: 190px;
    }

    .contImge-con img.img3 {
        max-width: 320px;
    }

    .contImge-con img.img4 {
        max-width: 220px;
    }

    .side_contetn_bo {
        min-height: 440px;
    }

    .step-form,
    #contactUs,
    .thankyou_mesg {
        min-height: 360px;
    }

    form.company-form {
        max-width: calc(100% - 160px);
    }

    .resourse_contact h6 {
        padding-bottom: 0px;
    }

    button.btn.outline-btn,
    button.btn.white_btnss {
        padding: 15px 30px;
    }

    .resourse_contact {
        height: 230px;
    }

    .resourse_slid_co {
        height: calc(100% - 230px);
    }

    .resourse_carodsol .item>h6 {
        height: 50px;
    }

    #panels-container .panel>.div.container {
        max-width: 100% !important;
    }

    .panel::before {
        height: 260px;
    }

    #panels #panels-container .panel img {
        max-width: 100% !important;
    }

    .individualised-sec {
        flex-wrap: wrap;
    }

    section.individualised-sec .first_trans,
    .image-journey>img.journey_main {
        max-width: 100%;
    }

    .journey_sec {
        width: 300px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .mobile_view_dien {
        display: block !important;
    }

    .desktop_view_dien {
        display: none !important;
    }

    .panel .step_vart_item {
        bottom: 0 !important;
        left: 0 !important;
    }

    .slide_respons {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-bottom: 10px;
    }

    .slide3_2_mar {
        margin-top: 0;
    }

    .step_m_mobile {
        display: flex;
        gap: 25px;
        align-items: end;
    }

    .step_m_mobile>img {
        max-width: 160px !important;
    }

    #panel-4 .panel-slide1,
    #panel-6 .panel-slide1 {
        width: 340px;
    }

    .panel .descript-box {
        max-width: 100%;
    }

    .panel::before {
        height: 20%;
        bottom: 22%;
    }
}


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


    :root {
        --h1: 7.8rem;
    }


    .contant_menu_6:first-child {
        order: 2;
    }

    .contant_menu_6:last-child {
        order: 1;
    }

    .grapics-img {
        background-color: transparent;
        display: block;
    }

    .grapics_box {
        margin-left: auto;
        max-width: 342px;
    }

    .grapics-img,
    .navlinks {
        padding: 130px 15px 25px;
    }

    .grapics-img .charec {
        display: none;
    }

    .hero-content {
        width: 100%;
        z-index: 1;
        padding: 140px 0 60px;
    }

    .image-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .image-container .main-img {
        position: relative;
        aspect-ratio: 3/4;
        transform: translate(-50%, -50%) scaleX(-1);
        max-width: 330px;
        min-width: 200px;
        height: auto;
        top: 55%;
        left: 50%;
    }

    .hero-inner {
        min-height: 750px;
        justify-content: space-between;
        position: relative;
    }

    .hero-inner .sub-img {
        position: absolute;
        right: -6%;
        max-width: 140px;
        top: 27%;
    }

    .main-hero {
        position: relative;
        max-height: unset;
    }

    .methodology {
        min-height: 90vh;
        height: 90vh;
    }

    .buttons.seaction::before {
        top: -73%;
        left: -22px;
        transform: rotate(0deg);
        width: 200%;
        height: 170%;
    }

    .methodology-slider .owl-dots {
        width: 100%;
        height: 100%;
    }

    .metho_butto:nth-child(1) {
        top: calc(40% + 15px);
        left: calc(1% + 6px);
    }

    .metho_butto:nth-child(1) .slidecontent {
        top: -8px;
        left: 75px;
    }

    .metho_butto:nth-child(2) {
        top: calc(65% + 3px);
        left: calc(18% + 5px);
    }

    .metho_butto:nth-child(2) .slidecontent {
        top: -10px;
        left: 100px;
    }

    .metho_butto:nth-child(3) {
        top: calc(87% + 5px);
        left: 53%;
    }

    .metho_butto:nth-child(3) .slidecontent {
        top: 0px;
        left: -270px;
    }

    .metho_butto:nth-child(4) {
        top: calc(97% - 11px);
        left: 100%;
    }

    .metho_butto:nth-child(4) .slidecontent {
        top: 40px;
        left: -220px;
    }

    .contImge-con img.img1 {
        min-width: 300px;
    }

    .metho_butto .slidecontent {
        min-width: 300px;
    }

    .methodology {
        min-height: 1133px;
        height: 1133px;
    }

    .methodology-slider .owl-dot .slidecontent {
        min-width: 330px;
    }

    .img-cont {
        height: 400px;
    }

    #video-tag {
        height: 100%;
    }

    .two-part-box {
        flex-wrap: wrap;
        justify-content: end;
    }

    .two-part-box .title-box {
        width: 100%;
    }

    .descript-box,
    .testimonial-feed .content .lower {
        max-width: 330px;
    }

    .video-container .two-part-box {
        gap: 150px;
    }

    .testimonial-feed .content {
        flex-direction: row;
    }

    .testimonials-sec .two-part-box {
        padding-bottom: 120px;
    }

    .testimonial-feed .content .upper {
        padding-top: 0px;
    }

    .testimonial-feed .feed-sli {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .feed-slide .owl-nav {
        position: relative;
        top: 0;
        justify-content: center;
        margin-top: 20px;
    }

    .contImge-con img.img1,
    .contImge-con img.img2 {
        display: none;
    }

    .contImge-con img.img4 {
        position: relative;
        aspect-ratio: 1/1;
        left: unset;
        right: 100px;
    }

    .contImge-con img.img3 {
        max-width: 162px;
        height: 460px;
        object-fit: cover;
        object-position: inherit;
        left: unset;
        top: -70%;
        bottom: unset;
        right: 0;
        transform: translate(11%, 18px);
    }

    .contImge-con {
        text-align: end;
    }

    .feed-slide .item>img {
        aspect-ratio: 16/9;
    }

    ul.nav-link-ul {
        gap: 0 8px;
        max-width: 380px;
    }

    .logo_container {
        max-width: 550px;
    }

    .resourse_carodsol {
        margin-top: 180px;
    }

    .resource_con .resourse_contact {
        display: none;
    }

    .resourse_slid_co {
        height: 100%;
    }

    .articles_banner+.resourse_contact {
        display: block;
    }

    .desktop_img {
        display: none !important;
    }

    .services>img {
        object-position: left;
    }

    .services {
        height: calc(100vh - 86px);
    }

    .service_detail_box {
        width: 100%;
        position: fixed;
        inset: 0 0 0 0;
        z-index: 20;
        padding: 0;
        display: none;
    }

    #servicesTabContent {
        background: url(../img/mobile_back.png) no-repeat center;
        background-size: cover;
        height: 100%;
        overflow: auto;
    }

    #servicesTabContent>.tab-pane .lower {
        max-width: 100%;
    }

    a.close_details {
        display: flex;
    }

    .imgcontainer>img {
        max-width: 240px;
    }

    .imgcontainer {
        text-align: end;
    }

    .event_slider .owl-nav button>img {
        width: 50px;
    }

    .moal_display_data .event_card {
        background-color: transparent;
        padding: 0;
    }

    .moal_display_data {
        flex-direction: column;
    }

    .moal_display_data .event_card h5,
    .moal_display_data .date_apply_info p,
    .moal_display_data .event_card .date_apply_info {
        color: #fff;
    }


    .moal_display_data .event_card p.max_400,
    .moal_display_data .event_card>img,
    .moal_display_data .date_apply_info a {
        display: none !important;
    }

    #applyEvent_modal .event_card .date_apply_info {
        padding: 0px 0 40px;
        flex-direction: column;
        gap: 5px;
    }

    .Apply_event_form {
        max-width: 550px;
        margin: auto;
    }

    .moal_display-6:last-child {
        display: block;
        width: 100%;
    }

    .Apply_event_form fieldset>div.text-center {
        display: none;
    }


    #panel-4 .panel-slide1,
    #panel-6 .panel-slide1 {
        width: 240px;
    }

    #panels #panels-container #panel-1 img,
    #panels #panels-container #panel-5 img {
        max-width: 300px !important;
    }

    .detail_information .two-part-box {
        justify-content: start;
    }

    .detail_information .descript-box {
        max-width: 100%;
    }

    .detail_information .descript-box.border_top {
        max-width: 330px;
    }

    .detail_1,
    img.youth_1 {
        width: 100%;
    }

    .borde_2 {
        margin-left: auto;
    }

    .detail_information .infogram {
        margin-bottom: 15px;
    }

    .resourse .resource_con .resourse_contact {
        display: block;
    }

    .resourse .resourse_slid_co {
        height: calc(100% - 230px);
    }

    section.details_hero {
        height: 360px;
    }

    .details_hero>.red_more_ac {
        left: 10px;
        bottom: -60px;
        color: #fff !important;
        top: unset !important;
    }

    .detail_information {
        margin-top: 50px;
    }

    .resourse .articles_banner {
        min-height: 600px;
    }


    .service_main_hero .title_box .descript-box {
        order: 3;
        max-width: 100%;
        width: 100%;
    }

    .service_main_hero .descript-box>p {
        max-width: 330px;
        margin-left: auto;
    }

    .service_main_hero .title_box {
        flex-wrap: wrap;
        justify-content: start;
        gap: 5px 20px;
    }

    .service_main_hero .content>h6 {
        text-align: start;
    }

    .youth_left .content {
        margin-top: 10%;
    }

    .youth_right {
        margin-top: 15px;
    }

    .youth_right .content>h5 {
        max-width: 576px;
        margin-left: auto;
    }

    .premature .mid-img {
        min-width: 450px;
    }

    .nikki.testimonials-sec .feed-sli {
        padding-bottom: 0;
    }

    .features>h3 {
        max-width: 500px;
    }

    .features .sildeBox>img {
        max-width: 450px;
    }

    div#features_life {
        margin-top: 60px;
    }

    .discover {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .discover .serviec_dicover {
        order: 2;
        flex-wrap: wrap;
    }

    .dicover_card:nth-child(1) {
        width: 42%;
    }

    .dicover_card:nth-child(2) {
        width: 38%;
        margin-left: 0%;
        margin-bottom: -30%;
    }

    .dicover_card:nth-child(3) {
        width: 38%;
        margin-left: 14%;
    }


    .premature .transfprmative {
        max-width: 180px;
    }

    .premature .mid-img {
        min-width: 250px;
    }

    .premature .first_trans {
        margin-top: 86px;
    }

    .discover .title_box {
        order: 1;
        justify-content: start;
        flex-direction: column;
        gap: 0px;
    }

    .discover .title_box>h2 {
        line-height: 1;
    }

    .service_main_hero .commontitle {
        font-size: 8rem;
        line-height: 6.8rem;
    }

    .service_main_hero .content>h6 {
        font-size: 4rem;
    }

    .tile>h2:nth-child(2),
    .tile>h2:first-child {
        margin: auto;
    }

    .tile {
        padding-left: 10px;
        padding-right: 10px;
    }

    span.spaces,
    br.br_desktop {
        display: none;
    }

    .about_image_1,
    .about_image_3 {
        max-width: 440px;
    }

    section.numinfo {
        margin-top: 0;
    }

    section.numinfo .float_container .flot_box {
        display: none;
    }

    .numbox {
        padding: 40px 20px;
        flex-wrap: wrap;
        gap: 15px;
    }

    .numbox .item {
        width: calc(50% - 7.5px);
    }

    .max-200 {
        padding-top: 10px;
    }

    .main_pres_li {
        margin: auto;
        margin-top: 40px;
        text-align: center;
    }

    ul.press_list {
        margin-top: 30px;
    }

    .media_blog_list {
        padding-right: 0;
    }

    .before_inner::before,
    .after-image::before {
        font-size: 58px;
    }
}

@media screen and (max-width: 800px) {
    .methodology-slider .owl-dot:nth-child(1) {
        left: calc(5% + 0px);
    }

    .methodology-slider .owl-dot:nth-child(2) {
        left: calc(24% + 0px);
    }
}


@media screen and (max-width: 767px) {
    :root {
        --h1: 5rem;
        --h2: 4.2rem;
        --h3: 3.4rem;
        --h4: 3rem;
        --h5: 2.4rem;
        --h6: 1.8rem;
    }

    .commontitle {
        line-height: 6rem;
    }

    .image-container .main-img {
        max-width: 160px;
        min-width: 180px;
        top: 53%;
    }

    .image-container {
        min-width: 100%;
    }

    .hero-inner .sub-img {
        right: 25%;
        max-width: 80px;
        transform: translateX(50%);
    }

    #contactUs .select2-container {
        min-width: 100%;
    }

    .hero-inner {
        min-height: 550px;
        padding: 0 20px;
    }

    .hero-content {
        padding: 110px 0 15px;
    }

    .methodology-selider .owl-dots::befor {
        left: 25px;
        top: 200px;
        border-radius: 0;
        width: 90%;
        height: calc(100% - 200px);
        border-color: transparent;
        border-left-color: #fff;
    }

    .red_more_ac {
        top: 130px;
        bottom: unset;
        right: unset;
        left: 20px;
    }

    .methodology-slider .owl-dot {
        left: 16px !important;
    }

    .methodology-slider .owl-dot .slidecontent {
        left: 50px !important;
        min-width: 260px !important;
        top: -8px !important;
    }

    .methodology-slider .owl-dot:nth-child(1) {
        top: calc(6% + 200px);
    }

    .methodology-slider .owl-dot:nth-child(2) {
        top: calc(24% + 200px);
    }

    .methodology-slider .owl-dot:nth-child(3) {
        top: calc(42% + 200px);
    }

    .methodology-slider .owl-dot:nth-child(4) {
        top: calc(60% + 200px);
    }

    .methodology {
        min-height: 800px;
        max-width: unset;
    }

    .img-cont {
        height: 200px;
    }

    a.video-play {
        font-size: 14px;
        width: 60px;
        height: 60px;
    }

    .video-container .two-part-box {
        padding: 30px 10px 30px;
    }

    .testimonials-sec .red_more_ac,
    .services .red_more_ac,
    .articles_list .red_more_ac {
        top: 0;
    }

    .testimonial-feed .content {
        flex-direction: column;
    }

    .testimonial-feed .content .upper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .desktop_view {
        display: none;
    }

    .mobile_view {
        display: block;
    }

    .feed-slide .owl-nav button>img {
        width: 48px;
    }

    .feed-slide .owl-nav {
        gap: 20px;
    }

    .services {
        min-height: 650px;
    }

    .services .nav-link.active,
    .services .show>.nav-link,
    .services .lower .nav-link:hover {
        transform: none;
    }

    #servicesTabContent>.tab-pane .lower {
        margin-left: 0;
    }

    .articles_banner {
        padding: 16% 10%;
    }

    .article_inner {
        min-height: 400px;
    }

    .resourse_contact {
        height: unset;
    }

    form.company-form {
        max-width: 100%;
        padding-top: 50px;
    }

    .company-form .outline-btn {
        width: 100%;
    }

    .contImge-con {
        display: none;
    }

    .step-form,
    #contactUs,
    .thankyou_mesg {
        min-width: 100%;
        max-width: 100%;
    }

    .side_contetn_bo>.d-flex,
    .nav-links-con {
        flex-wrap: wrap;
    }

    .side_contetn_bo>.d-flex p.text-white {
        order: 1;
    }

    .side_contetn_bo>.d-flex .box {
        order: 3;
    }

    .side_contetn_bo>.d-flex p.max_280 {
        order: 2;
    }

    .max_280 {
        max-width: 70%;
    }

    #contactUs>div {
        min-width: 100%;
    }

    .nav-links-con ul {
        order: 1;
    }

    .nav-links-con p {
        order: 2;
        padding-left: 10px;
    }

    ul.nav-link-ul li {
        width: 45%;
    }

    .nav-links-con ul {
        margin-bottom: 20px;
    }

    .contant_menu_6 {
        width: fit-content;
    }

    .logo_container {
        padding-left: 12px;
    }

    .navlinks>li {
        margin-bottom: 10px;
    }

    .more_service .dropdown-link {
        line-height: 30px;
    }

    .imgcontainer>img {
        max-width: 140px;
    }

    .contant_menu {
        justify-content: space-between;
    }

    #applyEvent {
        max-width: 100%;
        min-width: 100%;
    }

    #applyEvent fieldset {
        width: 100%;
    }

    .panel::before {
        display: none;
    }


    .slide_respons {
        justify-content: start;
    }

    .journey_sec {
        width: 150px;
    }

    #panels #panels-container .panel img {
        max-height: 200px;
        object-fit: contain;
    }

    #panels #panels-container #panel-1 img,
    #panels #panels-container #panel-5 img {
        max-height: 30vh;
    }

    .step_vart_item>span {
        position: relative;
    }

    .step_vart_item .ver-step_title {
        font-size: 14px;
    }

    #panel-3 .step_m_mobile .descript-box {
        display: none;
    }

    #panel-3 .step_m_mobile {
        margin-top: -80px;
    }

    #panel-3 .step_m_mobile>img {
        width: 100px;
    }

    #panel-4 .step_vart_item+img,
    #panel-6 .step_vart_item+img {
        position: absolute;
        bottom: -30px;
        left: 26px;
    }

    .individuali_imf {
        margin-bottom: 0;
        margin-top: 30px;
        margin-left: 0;
        max-width: 200px;
        float: right;
    }

    section.individualised-sec {
        padding-bottom: 0;
    }

    .transmative_section>img {
        margin-right: -10px;
        margin-left: auto;
        max-width: 300px;
    }

    #panels #panels-container {
        flex-wrap: wrap;
        width: 100% !important;
        height: auto;
    }

    #panels #panels-container .panel {
        padding-top: 0;
        height: auto;
        padding-bottom: 40px;
    }

    .second_imgs {
        margin-top: -30px;
        padding-bottom: 20px;
    }

    .youth_2 {
        max-width: 200px !important;
    }

    .youthfulbeauty {
        padding-bottom: 50px !important;
    }

    .premature {
        padding: 40px 10px;
    }

    .features .sildeBox>img {
        max-width: 98%;
        margin-right: 0;
    }

    .dicover_card {
        width: 100% !important;
        margin: 0 !important;
        padding-top: 25px !important;
    }

    .dicover_card>img {
        width: 100%;
    }

    .about_image_4,
    .about_image_2,
    .about_image_3,
    .about_image_1 {
        max-width: 100%;
    }


    .media_item {
        flex-wrap: wrap;
    }

    .media_item .content h5 {
        -webkit-line-clamp: 3;
    }

    .media_item .image {
        flex-grow: 1;
    }

    .media_item .image>img {
        width: 100%;
    }

    .caro_item {
        padding: 75px 30px;
    }

    .resourse_press>h6 {
        font-size: 2.4rem;
        padding-top: 50px !important;
    }

    .linst_ite_contne {
        font-size: 2.4rem;
    }

    .about-inf .descript-box {
        max-width: 100%;
    }

    .press_list.mention .red_more_ac {
        top: 0;
    }

    .resizer:after {
        font-size: 14px;
        width: 56px;
        height: 56px;
        margin: 0 0 0 -28px;
    }


    .buttons.seaction::before {
        height: 95%;
        border-radius: 0;
        top: 26%;
        left: 40px;
        border-color: transparent;
        border-left-color: rgba(225, 225, 225, 0.5);
    }

    .metho_butto:nth-child(1) {
        top: calc(25% + 15px);
        left: 31px;
    }

    .metho_butto:nth-child(2) {
        top: calc(44% + 3px);
        left: 31px;
    }

    .metho_butto:nth-child(3) {
        top: calc(62% + 5px);
        left: 31px;
    }

    .metho_butto:nth-child(4) {
        top: calc(80% - 11px);
        left: 31px;
    }

    .metho_butto .slidecontent {
        top: -8px !important;
        left: 50px !important;
    }

    .metho_butto .slidecontent {
        min-width: 220px;
    }

}

@media screen and (max-width: 576px) {
    .imgcontainer>img {
        max-width: 100px;
    }

    #panels #panels-container #panel-1 img,
    #panels #panels-container #panel-5 img {
        max-height: 300px;
    }

    .youth_left .descript-box {
        max-width: 100%;
    }

    .numbox .item {
        width: 100%;
    }

    .numbox .commontitle {
        font-size: 8rem;
        line-height: 8rem;
    }

    .max-200 br {
        display: none;
    }

    .before_inner::before,
    .after-image::before {
        font-size: 32px;
    }

}

@media screen and (max-width: 380px) {
    :root {
        --h1: 4rem;
        --h2: 3.6rem;
        --h3: 3rem;
        --h4: 2.8rem;
    }

    a.menu_topbar {
        font-size: 25px;
        width: 40px;
        height: 40px;
    }

    .white_btncolor {
        padding: 12px 24px !important;
        font-size: 14px !important;
    }

    .contant_menu_6:first-child {
        display: none;
    }

    .contant_menu_6 {
        width: 100%;
    }

    .grapics-img,
    .navlinks {
        padding: 110px 15px 25px;
    }

    .navlinks>li {
        margin-bottom: 10px;
    }

    .more_service .dropdown-link {
        line-height: 30px;
    }
}