@media (max-width:1366px){
    /* ----------topnav------- */
    .main_nav {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .topNav {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    /* -------banner--------- */
    .banner_section::after {
        width: 61%;
        height: 160%;
        top: -30%;
        left: -11%;
    }
    .background_img {
        height: 650px;
    }

    /* --------about----------- */
    .about_section {
        margin-top: -10%;
    }
    .about_left {
        padding: 35px 6px 35px 15px;
        margin-right: 0px;
    }
    .about_left h5 {
        font-size: 24px;
        width: 100%;
    }
    .about_left p {
        font-size: 17px;
        padding-top: 19px;
        padding-right: 15px;
    }
    .carousel_body {
        padding-top: 30px;
    }
    .mission h4 {
        margin-bottom: 25px;
    }
    .mission {
        padding: 30px 21px;
        height: 295px;
    }

    /* ---------------therapeutic-section--------- */
    .therapeutic_content p {
        font-size: 16px;
    }
    .therapeutic_content h3 {
        font-size: 28px;
    }

    /* --------------gallery--------- */
    .therapeutic_content h3 {
        font-size: 28px;
    }
    .gallary_gead p {
        font-size: 16px;
    }
    .gallary_img img {
        height: 230px;
    }

    /*------------------ contact-us----------- */
    .contact_section {
        padding-top: 80px;
    }
    .contact_head h3 {
        font-size: 28px;
    }
    .contact_head p {
        font-size: 16px;
    }
    .map_area {
        width: 100%;
        height: 300px;
    }
    .add_cnt p {
        font-size: 16px;
    }
    .add_cnt h6 {
        font-size: 18px;
    }
    .icon {
        width: 40px;
        height: 40px;
    }
    .icon i {
        font-size: 20px;
    }
    .in_grp input {
        width: 100%;
        height: 37px;
    }
    .address {
        margin-bottom: 12px;
    }

    /*-------------- footer-section ----------*/
    .footer_section {
        margin-top: 65px;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .cpyright p {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .cpyright h6 a {
        font-size: 16px;
    }








}

@media (max-width:1250px){

/* --------------banner-section------------ */
.container2 {
    padding-left: 10%;
    padding-right: 10%;
}
.banner_section::after {
    left: -10%;
}
.background_img {
    height: 600px;
}
.banner_content {
    padding-top: 16%;
}

/* --------------about-sention---------- */
.about_left p {
    font-size: 16px;
    padding-top: 19px;
    padding-right: 15px;
}
.carousel_body {
    padding-top: 25px;
}
.mission h4 {
    margin-bottom: 17px;
}
.mission span i {
    padding-bottom: 24px;
    font-size: 38px;
}

/* ---------therapeutic-section------------- */
.sregment h3 {
    font-size: 18px;
}


}

@media (max-width:1199px){
/*----------- top-nav ---------*/
    .contact_flex a {
        font-size: 16px;
    }
    .social_media ul li a {
        width: 28px;
        height: 28px;
    }
    .social_media ul li a i {
        color: #fff;
        font-size: 15px;
    }
    .right_nav li a {
        margin-left: 0px;
    }
    /*-------------- nav-area ------------*/
    .container2 {
        padding-left: 8%;
        padding-right: 8%;
    }
    .toplogo {
        width: 175px;
        height: auto;
    }
    .mission {
        padding: 30px 15px;
    }
    /*----------- banner --------*/
    .contact_btn a {
        font-size: 16px;
    }
    /* ---------about-section------------- */
    .about_left {
        padding: 35px 6px 40px 15px;
    }

    /* -----------therapeutic-section-------------- */
    .therapeutic_content h3 {
        font-size: 26px;
    }

    /*------------- gallery-section ---------*/
    .gallary_gead h3 {
        font-size: 28px;
    }
    .gallary_img img {
        height: 210px;
    }

    /*------------contact-us-section ------------*/
    .add_cnt h6 {
        margin-bottom: 3px;
    }
    .in_grp input {
        width: 100%;
        height: 35px;
    }
    .form_btn button {
        font-size: 16px;
    }
    /*----------------- footer----------- */
    .footer_section {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .footer_logo img {
        width: 170px;
        height: auto;
    }

}

@media (max-width:991px){
/*--------------- bnner ------------*/
.background_img {
    height: 520px;
}
.container2{
    padding-left: 7%;
    padding-right: 7%;
}
#collapsibleNavbar {
    position: absolute;
    width: 40%;
    top: 105%;
    right: 0%;
    z-index: 99;
    background-color: #fff;
    transition: all 0.5s;
    padding-bottom: 10px;
}
.nav-item{
    padding-left: 10px;
}
/* -----------about--------- */
.carousel_body {
    padding-top: 11px;
}


/* ------------therapeutic -----------*/
.therapeutic {
    padding-top: 70px;
}
.therapeutic_content h3 {
    font-size: 24px;
}
.therapeutic_content h3::after {
    width: 235px;
    background-color: #f48430;
}
.therapeutic_content h3::before {
    height: 4px;
}
.sregment h3 {
    font-size: 17px;
}
/* ------------gallery------------------ */
.responsive_991 {
    display: none;
}
.gallary_gead h3 {
    font-size: 24px;
}
.gallary_gead h3::before {
    bottom: -11px;
}
.gallary_gead h3::after {
    bottom: -9px;
}
.gallary {
    padding-top: 50px;
}

/*-------------- contact-us-section --------*/
.contact_head h3 {
    font-size: 24px;
}
.in_grp input::placeholder {
    font-size: 15px;
}
.in_grp {
    margin-bottom: 13px;
}
/*------------- footer-section -----------*/
.cpyright p {
    font-size: 15px;
    margin-bottom: 5px;
}
.footer_logo img {
    width: 160px;
    height: auto;
}
.footer_section {
    margin-top: 50px;
    padding-top: 20px;
}
/* page-loder */
.page_loder img{
    width: 160px;
    height: auto;
}

}

@media (max-width:767px){
/* ---------navbar--------------- */
#collapsibleNavbar {
    position: absolute;
    width: 40%;
    top: 105%;
    right: 0%;
    z-index: 99;
    background-color: #fff;
    transition: all 0.5s;
}
/* -----------banner-section-------- */
.banner_content h2 {
    font-size: 25px;
}
.russelia {
    font-size: 35px;
}
.pharma {
    font-size: 35px;
}
.banner_content p {
    font-size: 16px;
    width: 58%;
}
.contact_btn a {
    font-size: 15px;
    padding: 8px 30px;
}
.background_img {
    height: 440px;
}
.banner_content {
    padding-top: 13%;
}
/* --------therapeutic------------ */
.therapeutic {
    padding-top: 40px;
}

/* --------------contact-us-section---------- */
.contact_section {
    padding-top: 50px;
}
.p_address {
    padding-top: 30px;
}
.address_right{
    padding-top: 15px;
}
.add_cnt h6 {
    font-size: 17px;
}
.map_area {
    width: 100%;
    height: 250px;
}

}

@media (max-width:575px){
/* ----------top-nav------------- */
.container2{
    padding-left: 4%;
    padding-right: 4%;
}
.contact_flex{
    text-align: center;
}
.social_media{
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 5px;
}

/* ----------main-nav---------- */
.toplogo {
    width: 130px;
    height: auto;
}
.navbar {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
}
#collapsibleNavbar {
    width: 55%;
}
/*------------ banner ---------*/
.banner_section::after {
    width: 75%;
    height: 160%;
    top: -32%;
    left: -22%;
}
.background_img {
    height: 375px;
}
.russelia {
    font-size: 30px;
}
.pharma {
    font-size: 30px;
}
.banner_content p {
    line-height: 20px;
}
.banner_content h2 {
    font-size: 23px;
}

/* ------------about-section----------- */
.about_left {
    padding: 24px 15px 24px 15px;
}
.about_left h5 {
    font-size: 20px;
}
.about_left p {
    font-size: 15px;
    padding-top: 12px;
}
.mission h4 {
    font-size: 18px;
}

/* --------------therapeutic ------------*/
.therapeutic_content h3 {
    font-size: 20px;
}
.therapeutic_content h3::before {
    width: 48px;
}
.therapeutic_content h3::after {
    width: 203px;
    background-color: #f48430;
}


/* --------------gallery-section------------ */
.responsive_575{
    display: none;
}
.gallary_gead h3 {
    font-size: 21px;
}
.gallary_gead h3::before {
    height: 4px;
    width: 35px;
    bottom: -10px;
}
.gallary_gead h3::after {
    width: 83px;
}

/*------------- contact-us-section ------------*/
.contact_head h3 {
    font-size: 20px;
}
.contact_head h3::before {
    height: 4px;
    bottom: -15px;
}
.add_cnt a {
    font-size: 16px;
}
.in_grp {
    margin-bottom: 10px;
}
.form_btn button {
    width: 155px;
    height: 38px;
    font-size: 16px;
}

/*------------- footer-section ----------*/
.footer_1{
    text-align: center;
}
.cpyright{
    text-align: center;
    padding-top: 15px;
}

}   

@media (max-width:480px){

/*-------- banner -----------*/
.banner_section::after {
    left: -16%;
}
.contact_btn a {
    font-size: 15px;
    padding: 6px 16px;
}

/* ---------about-section-------- */
.mission span i {
    padding-top: 20px;
}
    /* -----------clicktotop------------ */
    .clickTop{
        right: 3%;
        bottom: 3%;
        width: 40px;
        height: 40px;
    }
    /*------- page-loder ----*/
    .page_loder img{
        width: 130px;
        height: auto;
    }
    

}

@media (max-width:400px){
/* ----------banner------------- */
.banner_section::after {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    transform: rotate(0deg);
}
.banner_content p {
    font-size: 16px;
    width: 90%;
}
.banner_content {
    padding-top: 20%;
}
#collapsibleNavbar {
    width: 70%;
}
/* --------contact-us-page------------ */
.in_grp input {
    width: 100%;
    height: 40px;
}
/* ----------footer-section--------- */
.cpyright p {
    font-size: 14px;
    margin-bottom: 5px;
}
    /* -----------clicktotop------------ */
    .clickTop{
        right: 3%;
        bottom: 3%;
        width: 40px;
        height: 40px;
    }

}

@media (max-width:360px){
    /* -----------top-nav------- */
    .contact_flex a {
       display: block;
    }
    /* -------footer-section----------- */
    .footer_logo img {
        width: 140px;
        height: auto;
    }
    /* -----------clicktotop------------ */
    .clickTop{
        right: 3%;
        bottom: 3%;
        width: 40px;
        height: 40px;
    }
    
}