@media(max-width: 1600px){

.treating-patient .side-section-img{height: auto; max-width: 100%}
.our-services .service-list-section { margin-left: 70px;}
.help-section img {  height: 500px;}
.help-section .image-panel { margin-top: -110px; margin-bottom: -68px;}
.our-services { margin-bottom: 200px;}
.admission-assistance .image-panel img { height: 500px; margin-top: -200px; margin-right: -60px;}
.help-section h2 {  font-size: 70px; line-height: 80px;}
.transplant-section .flex-col h2 { padding: 60px 0 0 60px;  font-size: 40px; line-height: 47px;}
.testimonials-bar .blank-section { width: 45.1%;}
.testi-section .content { padding: 40px 60px 40px 60px;}
.black-heading-section h2 {
    font-size: 70px;

}
.support-services h2 {
    padding: 60px 40px 60px 60px;

}
.footer .contact-us-section{margin-bottom: 60px;}
.main-heading-section img {
    height: 400px; max-width: 100%;

}
.main-heading-section h2 {
	font-size: 35px; line-height: 51px;  margin: 0;
}
.container-xl {
max-width: 1250px;}
}


@media(max-width: 1350px){
    
 /*  .container-xxl, .container-xl, .container-lg, .container-md, .container  {
    padding: 0 20px;
}*/

     
  .header .container-md  {
    padding: 0;
}
    .ditmas-info .container-xl  {
    padding: 0 20px;
}
    
    .main-heading-section h2{margin-left: 0;}
    
    h2{font-size:36px; line-height: 42px;}
    
    h3{font-size:32px; line-height: 40px;}
    
    .banner-home .banner-info h1{font-size:46px;}
    
    .main-heading-section h2, .about-doctor h2{font-size:36px;}
    .about-doctor h2{margin-right: -50px}
    .treating-patient .side-section-img {
    height: auto;
    max-width: 100%;
}
    
    .orange-heading-section h2{font-size:60px; line-height: 70px;}
    
    .testi-section p {
    font-size: 20px;
    line-height: 28px;
}
    
    .testi-section p br{display: none;}
    
    
    .our-services .service-list-section {
    margin-left: 40px;
    margin-top: 70px;
    width: 60%;
}
    
    
    .help-section img {
    height: 400px;
}
    
    .help-section h2 {
    font-size: 60px;
    line-height: 70px;
}
    
    .help-section .image-panel {
    margin-top: -100px;
    margin-bottom: -50px;
}
    
    .our-services {
    margin-bottom: 200px;
}
    
    .admission-assistance h2, .black-heading-section h2 {
    font-size: 56px;
    line-height: 66px;
}
    
    
    .orange-heading-section{padding: 60px 0; }
    
   .ditmas-about {
    margin-top: -50px;
    
}
    
    
    .testi-section .content {
    padding: 30px 40px 30px 40px;

}
   
    
    
    
    .admission-assistance .image-panel img {
    height: 400px;
    margin-top: -100px;
    display: flex;
    margin-right: 0;
        margin-left: 40px;
}
    
    .admission-assistance .flex-col{justify-content: center;}
    
    .google-map-section .google-map-info .internal-content{padding: 60px 0 60px 60px;}
    
    .footer .copyright-section p{margin-right: 20px;}
    
    .testimonials-small .content{margin-right: 0;}
    
    .container{max-width: 900px;}
    
    
    
    
}



@media(max-width: 1250px) {
    
   .header .container-md {
    padding: 0 20px;
} 
    
    .banner-home{height: 600px;}
    
    
    
   .about-doctor .container-md, .main-heading-section .container-md, .testimonials-section .container-md, .support-services .container, .testimonials-small .container  {
    max-width: 90%;
} 
    
    .footer .container-md{max-width:90%;}
    
    .ditmas-info .flex-col-two{flex-wrap:wrap;}
    
    .ditmas-info .flex-col-two .cols{width:100%; margin-bottom: 40px;}
    
    
    .ditmas-info .container-xl{max-width: 70%; padding: 0;}
    
    
    .ditmas-info p {
    font-size: 18px;
    line-height: 24px;
}
    
    
    .main-heading-section .flex-col .text-panel{width:50%;   }
    
    .main-heading-section .flex-col .image-panel{width:50%;}
    
    .main-heading-section h2, .about-doctor h2 {
    font-size: 34px; line-height: 42px;
}
    
    .main-heading-section h2 br{display: none;}
    
    .main-heading-section h2{max-width: 300px; margin-right:60px;}
    
    
    .testimonials-section .content {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    display: block;
    padding: 40px 20px 50px 70px;

}
    

    
    .treating-patient h2 {
     border-left:0;   
    padding: 60px 0 40px 0;
        max-width:300px;
}
    
    .orange-heading-section h2 {
    text-align: center;
}
    
    .testimonials-bar {
    position: relative;
    width: 100%;
    transform:none;
}
    
    .testimonials-bar .blank-section{display: none;}
    
    
    .transplant-section .flex-col{flex-wrap:wrap;}
    
    .transplant-section .flex-col .image-panel{width:100%;}
    
    .transplant-section .flex-col .heading-section {
    width: 100%;
}
    
    .transplant-section .flex-col h2 br{display: none;}
    
    
    .container-xxl{max-width:80%;}
    
    .testimonials-bar .testi-section {
    width: 100%;
}
    
    .transplant-section .flex-col h2{border-left:1px solid #000;}
    
    .testi-section{border-bottom: 0;}
    
    .transplant-section .flex-col h2 {
    padding: 60px 0 60px 60px;
}
    
    .transplant-section .flex-col .image-panel:before {
    left: -26px;
    bottom: 0;
    width: 26px;
    height: 80%;
    background: #F58B75;
}
    
    
    .transplant-section .flex-col img.full-img{border:0;}
    
    .testi-section .content {
    padding: 40px 40px 40px 40px;
}
    
    .testimonials-content img {
    left: 30px;
    
}
    .ditmas-about {
    margin-top: 100px;
}
    
    .ipadImage{display: block;}
    .desktopImg{display: none;}
    
    .ditmas-about .image-panel.ipadImage{margin: 0; display: flex; justify-content: center; margin-bottom: 20px;}
    
    .flex-col-two.flex-start{justify-content: center; text-align: center;}
    
    .ditmas-about h3{text-align: center; margin: 20px 0 40px 0;}
    
    .black-heading-section .container {
    padding: 60px 0;
        text-align: center;
        margin: 0;
        max-width:100%;
}
    
    .support-services h2{border-left:0;}
    

    
    .support-services h2 {
    padding: 60px 40px 60px 0;
}
    
    .support-services h2 {
    margin-left: 70px;
    }
    
    .testimonials-content img {
    left: 0;
}
    
    .our-services .flex-col{flex-wrap:wrap;}
    
    .our-services .service-list-section{margin:0; width:100%;}
    
    .our-services {
    margin: 0; padding: 100px 0;
}
    
    
    .service-list{margin: 0; margin-top:40px;}
    
    .our-services .image-panel{order:1; display: none;}
    
    .full-image-width.hidedesktop{display: block;}
    
    .our-services{padding-top: 0;}
    
    .our-services .full-image-width{position: relative;}
    
    .our-services .full-image-width:before{content:""; position: absolute; right:0; bottom:0; height: 20px; bottom:-18px; background: #F58B75; width:90%;}
    
    .our-services .container-xxl{padding-top: 100px;}
    
    .our-services .service-list-section h3 {
    max-width: 100%;
}
    
    .footer .copyright-section{margin-top: 0; text-align: center;}
    
    .help-section h2 {
    font-size: 50px;
    line-height: 60px;
}
    
    
    .help-section .container-xxl{max-width: 100%}
    
    
    
}





@media(max-width: 1200px) {
    
    
    .about-doctor .doctor-img{margin-top:-20px; margin-right:-30px;  max-height: 375px;}
    .testimonials-section p, .testimonials-section p.name{text-align: left;}
    
    .testimonials-section .testi-text{max-width: 400px;}
    
    .testimonials-section p.name{margin-top: 10px;}
    
    .about-doctor .text-section{max-width: 300px;}
    
    .about-doctor h2{margin-right: 0; padding-left: 0;}
    
    .about-doctor .content{justify-content: space-around;}
    
    .testimonials-section.second .testi-text{max-width: 100%;}
    
    .treating-patient .flex-col{flex-wrap:wrap;}
    
    .treating-patient .flex-col .cols{width:100%;}
    .treating-patient .flex-col .cols.col-lg {
    width: 100%;
}
    
    
    
    .treating-patient .internal-area {
    max-width: 100%;
}
    
    .hideipadimage{display: block;}
    .hidedesktopimage{display: none}
    
    .heading-area-flex{display: flex; justify-content: flex-start;}
    
    .treating-patient .side-section-img {
    height: 360px;
   
}
    
    .our-services .service-list-section h3 {
    max-width: 100%; text-align: center; line-height: 38px; padding: 0 40px;
}
    
    
    
    
}










@media(max-width: 1100px) {

.menu-icon {
        display: block;
        z-index: 999;
    }
.dropdown-nav {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        background: #fff;
        width: 100%;
        z-index: 99;
    }


    .header ul.nav {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        text-align: left;
        max-width: 100%;
        margin: 0 auto;

    }

    body.fixedscroll {
        overflow: hidden;
    }

    .header ul.nav li {
        width: 100%;
        border-bottom: 1px solid #eaeaea;
    }

    .header ul.nav li a {
        color: #1C5A7D;
        font-size: 18px;
        display: block;
        padding: 15px 20px;
    }


    .center-nav {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .header .nav li.fill-button a {

        border: 1px solid #ccc;
        display: inline-block;
        margin-left: 20px;
    }

    .header .nav li.fill-button {
        border: 0;
        display: inline-block;
        width: inherit;
        margin-top: 40px;
    }

    .center-nav .inner{width:100%;}
    
    
    .contact-section .container{max-width: 90%;}
    .admission-assistance .container-md{max-width: 100%;}
    .admission-assistance .container-md .flex-col{max-width: 90%;}
    
    .banner-home .banner-info  {
    text-align: center;
}
    .banner-home .banner-info{padding-left: 0;}
    
    .banner-home .container-md{justify-content: center;}
    
    .banner-home {
    height: 500px;
}
    
 .admission-assistance h2, .black-heading-section h2, .orange-heading-section h2 {
    font-size: 42px;
    line-height: 52px;
}   
    
    
    
    
  .aboutus .container {
    max-width: 80%;
}  
    
    
    .aboutus .para-text { text-align: center;}
    
.footer .quick-links {
    margin-left: 60px;
   
}
    
    .ditmas-info .flex-col-two .cols:last-child{margin-bottom: 0;} 
    
    
    .header .nav li.fill-button a{padding: 20px 40px; font-size:16px;}
    .dropdown-nav.hideonMobile{display: block;}
    
     
    
}






@media(max-width: 991px) {
    .help-section {padding: 60px 0 60px 0;}
    
    .help-section .flex-col{flex-wrap:wrap;}
    
    .help-section .image-panel {
    width: 100%;
    display: flex;
    justify-content: center; margin-bottom: 40px; 
}
    
    .help-section img {
    height: auto;
    margin: 0 auto;
    max-width: 400px; margin-top:-60px;
}
    
    .help-section .flex-col{justify-content: center;}
    .desktopimagebuilding{display: none;}
    .ipadimagebuilding{display: block;}
    
    #contact-us-form-contact{max-width:700px;}
    
}




@media(max-width:767px) {
    
  .banner-home .banner-info h1 {
    font-size: 40px;
    line-height: 52px;
}  

    .about-doctor .doctor-img{margin-right: 0;}
    
    .about-doctor h2{padding-left: 40px;}
    
    .ditmas-info .container-xl {
    max-width: 80%;
   
}
    
    .service-list{flex-wrap:wrap;}
    
    .service-list .col-list{width:100%; margin-bottom: 40px;}
    
    .service-list p{text-align: center; max-width: 380px; margin: 0 auto;}
    
    .service-list .col-list{padding: 40px 40px 60px 40px;}
    
    .admission-assistance .image-panel img{margin-left: 0;}
    
    .admission-assistance .image-panel img {
    height: 350px;
    margin-top: -50px;
    margin-left: 0;
}
    .admission-assistance .container-md .flex-col {
    max-width: 100%;
}
    
    .google-map-section .google-map-info .internal-content {
    padding: 60px 0 60px 0;
}
    
    .google-map-section .flex-col{flex-wrap:wrap;}
    .google-map-section .googlemap{width:100%; order:2;}
    
    .google-map-section .google-map-info{width:100%; display: flex; justify-content: center; order:1;}
    
    
    .footer .container-md{border:0;}
    
    
    .footer .logo-section {
    padding-left: 0;
    padding-top: 0;
}
    
    .footer .flex-col{flex-wrap:wrap; justify-content: center;}
    
    .footer .quick-links{display: none;}
    
    .footer .logo-section, .footer .contact-us-section{width:100%;}
    
    .footer .contact-us-section {
    margin: 0;
}
    .footer ul{margin-top:20px;}
    .footer .quick-links{margin-left: 0;}
    
    .footer .flex-col{text-align: center;}
    
    .footer h3:before {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
    
    .footer ul li{font-size:18px;}
    
    .footer .copyright-section p{font-size:13px; margin-top: 20px;}
    .footer .logo-section{margin-bottom: 20px;}
    
    .footer {
    padding: 60px 0;
}
    
    
    
    .main-heading-section .flex-col{flex-wrap: wrap;}
    
    .main-heading-section .flex-col .text-panel, .main-heading-section .flex-col .image-panel {
    width: 100%;
}
    
    .main-heading-section img{height: auto; width:100%;}
    
    .main-heading-section .container-md {
    border-left: 1px solid #333333;
}
    
    .main-heading-section h2 {
    max-width: 100%;
    margin-right: 0;
        padding: 40px;
}
    
    ditmas-info .para-text{margin-bottom: 20px;}
    
    .banner-home .button-panel {
    margin-top: 40px;
    
}
    
    
    .googlemap iframe{height: 350px!important;}
    .custom_radio_btns{width:100%; margin:15px 0 0 0;}
	.custom_radio_btns .custom_radio_btn_single label{padding:11px 5px;}
	#contact-us-form-contact{max-width:320px; padding:30px;}
	#contact-us-form-contact .form_row .sub,
#contact-us-form-contact .form_row.half .sub
	{  width: 100%; flex-wrap:wrap;}
	#contact-us-form-contact .form_row .sub label{width:100%; margin:0 0 7px 0;}
	#contact-us-form-contact .form_row .sub input[type="text"], #contact-us-form-contact .form_row .sub input[type="email"]{padding:5px 0;}
	.orange-heading-section.narrow h2 {
    font-size: 30px;
    line-height: 40px;
}

#contact-us-form-contact {
margin: 60px auto 0px auto;}
}


@media(max-width:575px) {
    
    
    
#admission-assistance{top:-20px !important;} 
#about {  margin-top: -40px;}
    .container-xxl, .ditmas-about .container {
    max-width: 90%;
}
    
    
    .main-heading-section h2, .about-doctor h2 {
    font-size: 30px;
    line-height: 38px;
}
    
    .ditmas-about h3 br{display: none;}
    
    
        
    .banner-home .banner-info h1 {
    font-size: 36px;
    line-height: 42px;
        max-width: 90%; margin: 0; padding: 0; margin: 0 auto;
}
   
    
    
    h2 {
    font-size: 30px;
    line-height: 38px;
}
    h3 {
    font-size: 28px;
    line-height: 36px;
}
    
    .admission-assistance h2, .black-heading-section h2, .orange-heading-section h2 {
    font-size: 36px;
    line-height: 42px;
}
    
 .help-section h2 {
    font-size: 36px;
    line-height: 42px;
}   
    
    
    .orange-heading-section {
    padding: 30px 0;
}
    
 
    
    .banner-home .container-md{max-width: 90%;}
    
    .banner-home .banner-info{width:100%; margin: 0; padding: 0;}
    
    .testimonials-content img {
    height:30px;
}
   .testimonials-content {
    padding-left: 55px;
    
} 
    
    .testimonials-section .content {
    padding: 30px 10px 40px 20px;
}
    
    .about-doctor .content{flex-wrap:wrap;}
    
    .about-doctor .text-section{margin: 30px 0 40px 0; max-width: 100%;}
    
    .ditmas-info .flex-col-two .relDiv{flex-wrap:wrap; justify-content: center;}
    
    .ditmas-info .flex-col-two .icon-panel img {
    margin: 0;
    height: 100px; margin: 0 0 20px 0; text-align: center;
}
    
    .ditmas-info p{text-align: center;}
    
    .testimonials-section p{padding-right: 20px;}
    
    .heading-area-flex{flex-wrap:wrap;}
    
    .treating-patient h2 {
    padding: 40px 0 40px 0;
    max-width: 100%;
}
    
    
    .treating-patient p {
    padding-right: 0;
}
    
    .transplant-section .flex-col h2 {
    padding: 30px 0 30px 30px;
}
    .ditmas-about {
    margin-top: 60px;
}
    
    .support-services h2 {
    margin-left: 30px;
}
    
    .support-services h2 {
    padding: 30px 20px 30px 0;
}
    
    .testimonials-small p{padding-right: 20px;}
    
    .testimonials-small .content{padding: 30px 0 30px 30px;}
    
    .our-services .container-xxl {
    padding-top: 60px;
}
    
    .our-services .service-list-section h3{padding: 0 20px;}
    
    .our-services h3 {
    font-size: 24px;
    
}
    
    .calltoactionsection .button-section{flex-wrap:wrap; margin: 0 20px}
    
    .calltoactionsection .button-section a{margin: 0;  margin-bottom: 20px; width:100%; text-align: center;}
    
    .calltoactionsection {
    padding: 40px 0;
}

    .contact-section .form-section{padding: 30px;}
    
    .contact-center label{display: block;}
    
    .contact-center .full{flex-wrap:wrap;}
    
    .contact-section input, .contact-section textarea, .contact-section select{padding: 15px 0;}
    
    .contact-center .two-col{flex-wrap:wrap;}
    
    .contact-center .two-col input{width:100%;}
    
    .contact-center label.besttime {
    margin-left: 0; margin-top:30px;
}
    .contact-center .messagefull {
    margin-top: 30px;
}
    
    .contact-center .full textarea{margin-top: 20px; padding: 15px;}
    .contact-center .messagefull{margin-bottom: 0;}
    
.admission-assistance .container-md .flex-col {
    flex-wrap: wrap;
    flex-direction: row;
}
    
    .admission-assistance .image-panel img {
    height: 160px;
    margin-top: 0;
    margin-left: 0;
}
.contact-section {
    padding: 50px 0;
}
    .admission-assistance{padding: 20px 0 0; background: #3D4543;} 
    
    .admission-assistance:before{display: none;}
    
    .banner-home {
    height: 400px;
}
    .about-doctor h2 {
    text-align: center;
    padding-left: 0;
    padding: 0 10px;
}
    
    .ditmas-info {
    margin: 80px 0;
}
   .ditmas-info .container-xl {
    max-width: 90%;
} 
   
    .google-map-section .google-map-info .internal-content {
    padding: 40px;
}
    .google-map-section ul li{line-height: 24px;} 
    
    .google-map-section ul li img{top:7px;}
    
    .aboutus{padding: 80px 0;}
    
    .aboutus h3 {
    margin-bottom: 40px;
}
}









@media(max-width:480px) {
    p, .aboutus p, .ditmas-info p {font-size:16px; line-height: 22px;}
    
    
    
    .testimonials-section p {
    font-size: 20px;
    line-height: 28px;
    }
    
.support-services h2 { padding: 20px 15px 20px 0;}    
.transplant-section .flex-col h2 { padding: 30px 0 30px 30px;}    
.container-xxl, .ditmas-about .container { max-width: 92%;}    
.main-heading-section h2, .about-doctor h2 {font-size: 22px; line-height: 32px;}    
.ditmas-about h3 br{display: none;}        
.banner-home .banner-info h1 { font-size: 30px; line-height: 36px;  max-width: 92%; margin: 0; padding: 0; margin: 0 auto;}    
.treating-patient ul li{font-size:16px;}    
.treating-patient h2 { padding: 0;}
.treating-patient .content-detail { margin-top: 0;}
.treating-patient h3 { margin: 30px 0 10px 0;}    
.treating-patient ul { margin: 40px 0 60px 0;}    
.treating-patient ul li {  font-weight: 500;}    
.orange-heading-section{margin-top: 20px;}   
h2 { font-size: 24px; line-height: 32px;}
h3 { font-size: 22px; line-height: 30px;}
.admission-assistance h2, .black-heading-section h2, .orange-heading-section h2 { font-size: 28px; line-height: 36px;}    
.help-section h2 { font-size: 30px; line-height: 38px;}    
.treating-patient h2 { padding: 20px 0 20px 0;  max-width: 100%;}
.treating-patient h2 br{display: none;}    
.banner-home .banner-info h1{max-width: 250px;}    
.help-section img{max-width: 300px;}
.btn{font-size:17px; padding: 16px 30px;}
.calltoactionsection .button-section a{margin-bottom: 15px;}
.contact-para{ padding: 0; font-size: 15px; line-height: 26px;  margin-bottom: 20px;}
.admission-assistance h2{text-align: left; margin: 0 0 0 15px; font-size: 25px; line-height: 32px;}    
}


















