/* ---- Responsive ---- */
@media (min-width: 1439px) and (max-width: 1920px) {
  
}
@media (min-width: 1200px) and (max-width: 1440px) {
  	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.head-top ul.top-nav li{
		margin-right: 30px
	}
	nav.menu ul li a{
		padding:0px 10px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    
 .perform-box .perform-img img {
  width: 280px;
  text-align: center;
  margin: 0 auto;
} 


    
    
    
    
    
    
    
    
    
    .consult {
   
    top: 90%;
   
}
	.head-top ul.top-nav li{
		margin-right: 140px
	}
	.top-social{
		display: none;
	}
	.head-bottom{
		position: relative;
		bottom:0px;
		height: auto;
	}
	.mean-container .mean-bar{
		border-top: 0px solid #ccc;
		min-height: 40px;
		background: transparent;
		z-index:0;
		color: #fff!important;
	}
	.mean-container a.meanmenu-reveal{
		height: 40px;
		line-height: 40px;
		margin-right: 20px;
		color: #7f7f7f;
	}
	.mean-container a.meanmenu-reveal span{
		background-color: #7f7f7f;
	}
	.mean-container .mean-nav{
		margin-top: 40px;
	}
	.head-nav{
		background-color: #fff;
		position: relative;
	}
	.menu-text{
		position: absolute;
		top:5px;
		color: #fff;
		z-index: 1;
		left:20px;
		text-transform: uppercase;
	}
	.foot-nav{
		width: 43%!important;
	}
	.foot-social li{
		display: inline-block;
		margin-right: 10px
	}
	.md-mb-20{
		margin-bottom: 20px
	}
	.md-mb-30{
		margin-bottom: 30px
	}
	.md-mt-20{
		margin-top: 20px
	}
	.md-mt-70{
		margin-top: 70px
	}
	
}
@media (max-width: 767px) {
    
   .serve-box{margin-bottom: 0;}    
  .doctor-info-section{padding-bottom: 0 !important;}  
 .serve-box{height: unset;}   
 .perform-box .perform-img img {
  width: 305px;
  text-align: center;
  margin: 0 auto;
}    
.about-list ul li{font-size: 14px;}
.about-list{margin-left: 15px;}
.heading-text h2 {
  font-size: 18px;
  line-height: 20px;
} 
    
 .doctor-info-section .doctor-right h3 {
  font-family: "Nunito-ExtraBold", sans-serif;
  font-weight: 800;
  font-style: ExtraBold;
  font-size: 18px;
  line-height: 24px;
}   
.doctor-left{text-align: center;}    
    
    
    
	.hleft{
		max-width: 16.666667%;
	}
	.hright{
		max-width: 83.333333%;
	}
	.gastro-page-title {
  padding-top: 4px;
}
	.mail a, .call a{
		padding-left: 8px;
		padding-right: 8px;
	}
	.top-social{
		display: none;
	}
	.head-top ul.top-nav li{
		margin-right: 10px
	}
	.mean-container .mean-bar{
		border-top: 0px solid #ccc;
		min-height: 40px;
		background: transparent;
		z-index:0;
		color: #fff!important;
	}
	.mean-container a.meanmenu-reveal{
		height: 40px;
		line-height: 40px;
		margin-right: 20px;
		color: #7f7f7f;
	}
	.mean-container a.meanmenu-reveal span{
		background-color: #7f7f7f;
	}
	.mean-container .mean-nav{
		margin-top: 40px;
	}
	.head-bottom{
		position: relative;
		bottom:0px;
		height: auto;
	}
	.head-nav{
		background-color: #fff;
		position: relative;
	}
	.menu-text{
		position: absolute;
		top:5px;
		color: #7f7f7f;
		z-index: 1;
		left:20px;
		text-transform: uppercase;
		font-family: "Ubuntu-Bold", sans-serif;
	}
	.nivo-controlNav, .nivo-directionNav{
		display: none;
	}
	.slider-layout1 .slide-1 div.slider-big-text,
	.slider-layout1 .slide-2 div.slider-big-text,
	.slider-layout1 .slide-3 div.slider-big-text,
	.slider-layout1 .slide-4 div.slider-big-text,
	.slider-layout1 .slide-5 div.slider-big-text{
		font-size: 1.5rem;
		margin-bottom: 0px
	}
	.slider-btn-area{
		margin-top: 0px!important;
	}
  	.main-panel {
		margin-left: 0;
		width: 100%; 
    }
    .foot-info, .foot-nav, .foot-social{
		margin-bottom: 25px
	}
	.foot-social li{
		display: inline-block;
		margin-right: 10px
	}
	.copyright p{
		display: block;
		text-align: center;
	}
	.copyright p:last-of-type{
		float: none;
	}
	.map{
		margin-top:30px
	}
	.custom-form .form-group{
		margin-bottom: 20px
	}
	footer{
		padding-top: 50px!important;
	}
	.sm-mb-20{
		margin-bottom: 20px
	}
	.sm-mb-30{
		margin-bottom: 30px
	}
	.sm-pl-0{
		padding-left: 0px;
	}
	.sm-mt-70{
		margin-top: 70px
	}
	.sm-mt-20{
		margin-top: 20px
	}
}
@media (max-width: 575px) {
    .consult {
    
    top: 78%;
   
}
	.head-logo{
		width: 100%;
		text-align: center;
		/*padding: 15px 0px;*/
	}
	.head-logo .logo{
		position: relative;
		top: 0px;
		left: auto;
		right: auto;
		text-align: center;
		width: 100%;
		margin: auto!important;
	}
	.head-logo .logo img{
		outline: 1px solid #fff;
	    outline-offset: -1px;
	}
	.head-nav{
		width:100%
	}
	.mean-container .mean-bar{
		border-top: 0px solid #ccc;
		min-height: 40px;
		background: transparent;
		z-index:0;
		color: #fff!important;
	}
	.mean-container a.meanmenu-reveal{
		height: 40px;
		line-height: 40px;
		margin-right: 20px;
		color: #7f7f7f;
	}
	.mean-container a.meanmenu-reveal span{
		background-color: #7f7f7f;
	}
	.menu-text{
		position: absolute;
		top:5px;
		color: #7f7f7f;
		z-index: 1;
		left:20px;
		text-transform: uppercase;
		font-family: "Ubuntu-Bold", sans-serif;
		font-size: 1.3rem;
	}
	.slider-layout1 .nivo-caption{
		top:0px;
		left: -20px
	}
	.slider-layout1 .slide-1 div.slider-script-text,
	.slider-layout1 .slide-2 div.slider-script-text,
	.slider-layout1 .slide-3 div.slider-script-text,
	.slider-layout1 .slide-4 div.slider-script-text,
	.slider-layout1 .slide-4 div.slider-script-text,
	.slider-layout1 .slide-1 div.slider-big-text,
	.slider-layout1 .slide-2 div.slider-big-text,
	.slider-layout1 .slide-3 div.slider-big-text,
	.slider-layout1 .slide-4 div.slider-big-text,
	.slider-layout1 .slide-5 div.slider-big-text,
	.slider-layout1 .slide-1 .slider-paragraph,
	.slider-layout1 .slide-2 .slider-paragraph,
	.slider-layout1 .slide-3 .slider-paragraph,
	.slider-layout1 .slide-4 .slider-paragraph,
	.slider-layout1 .slide-5 .slider-paragraph,
	.slider-layout1 .slide-1 .slider-btn-area a.item-btn,
	.slider-layout1 .slide-2 .slider-btn-area a.item-btn,
	.slider-layout1 .slide-3 .slider-btn-area a.item-btn,
	.slider-layout1 .slide-4 .slider-btn-area a.item-btn,
	.slider-layout1 .slide-5 .slider-btn-area a.item-btn{
		display: none;
	}
	.page-banner{
		min-height: 180px;
	}
	.page-banner .page-title{
		top: 50px;
	}
	.page-banner .page-title h3{
		font-size: 1.5rem;
		margin-bottom: 2px
	}
	.sec-title h3{
		font-size: 2.1rem;
	}
	.welcome-content .doc-content{
		padding: 25px 10px;
	}
	.welcome-content .doc-content .doc-name h5{
		font-size: 20px;
	}
	#doc-image{
		margin-bottom: 20px
	}
	.htestimony-content{
		padding-bottom: 30px!important;
	}
	.publication-table h5{
		font-size: 1rem;
		margin-bottom: 0px
	}
	.contact-info-box .inner-box{
		width: 30px;
		height: 30px;
	}
	.contact-info-box .inner-box i{
		font-size: 15px;
		line-height: 30px;
	}
	.contact-info-box .text-box{
		padding-left: 10px;
	}
	footer{
		padding-top: 30px!important;
	}
	.foot-nav{
		width:49%
	}
}
@media (max-width: 480px) {
    .accordion-header {
  height: 53px;
  line-height: 24px;
}
	.hleft{
		max-width: 100%;
	}
	.hright{
		max-width: 100%;
		padding: 0px
	}
	.head-top{
		height: 48px;
	}
	.head-top .widget{
		float: none;
		margin: 0 8px;
		border-top: 1px solid #e3e7ec;
		width:100%
	}
	.mail a, .call a{
		padding-left: 10px;
		padding-right: 10px;
	}
	.call a i, .mail a i{
		margin-right: 10px;
		font-size: 25px
	}
	.call a .left, .mail a .left{
		padding: 3px 0;
	}
	.mail, .call{
		border-right: 0px
	}
	.mean-container .mean-bar{
		background: #1a9ac6;
	}
	.mean-container a.meanmenu-reveal{
		color: #fff;
	}
	.mean-container a.meanmenu-reveal span{
		background-color: #fff;
	}
	.menu-text{
		color: #fff;
	}
	footer{
		padding-top: 20px!important;
	}
	.foot-info{
		width:100%
	}
}
@media (max-width: 414px) {
    .consult {
    top: 92%;
}
	.head-top ul.top-nav li, .head-top ul.top-nav li i{
		margin-right: 0px;
		font-size: 12px;
		letter-spacing: -0.2px
	}
	
}
@media (max-width: 375px) {
    .consult {
    position: fixed;
    top: 84%;
    right: -82px;
    font-size: 19px;
    padding: 5px 16px;
    color: #ffffff;
    background-color: #f79422;
    margin-top: -147px;
    display: inline-block;
    z-index: 9995;
    transform: rotate(-90deg);
    border-radius: 25px 25px 0px 0px;
}
	.mail a, .call a{
		padding-left: 4px;
		padding-right: 4px;
	}
	.call a i, .mail a i{
		margin-right: 4px;
		font-size: 25px
	}
	.call a .left, .mail a .left{
		padding: 3px 0;
	}
	
}
@media (max-width: 320px) {
	
}

/* landing page media file start */

@media (min-width: 992px) and (max-width: 1199px){
	.gastro-page-title {
		width: 80%;
	  }
	  .robotic-surgery-proce-box {
		min-height: 275px;
	  }
	  .tobotic-benefits-icon-box {
		min-height: 165px;
		margin-bottom: 20px;
	  }
	  .col-lg-2.col-8 {
		flex: 0 0 20.667%;
		max-width: 20.667%;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
		position: absolute;
		margin-top: 70px;
		margin-left: 40px;
		font-size: 12px;
	  }
	  .gall-cancer-symptom-box {
		min-height: 266px;
	  }
	  .beating-pancreatic-banner-title {
		padding-top: 35px;
	  }
	  .beating-pancreatic-banner-title h1 {
		font-size: 28px;
	  }
	  .best-gastro-content h1 {
		font-size: 28px;
	  }
	  .flip-box-front h2 {
		font-size: 22px;
	  }
	  .pancreatic-content-box {
		min-height: 230px;
	  }
	  .pancreatic-treatment-content-box {
		min-height: 495px;
	  }
	  .flip-box-back p {
		font-size: 12px;
	  }
	  .best-inclass-timeline-img::before {
		margin-left: 79px;
	  }

}
@media (min-width: 768px) and (max-width: 991px){
	.gastro-page-title {
		width: 80%;
	  }
	  .timeline-pre-title {
		border-bottom: 3px solid #f79422;
		margin-bottom: 25px;
	  }
	  .col-lg-3.cause-5 {
		-ms-flex: 0 0 25%;
		flex: 0 0 26%;
		max-width: 26%;
	  }
	  .tobotic-benefits-icon-box {
		min-height: 165px;
		margin-bottom: 20px;
	  }
	  .col-lg-2.col-8 {
		flex: 0 0 20.667%;
		max-width: 20.667%;
	  }
	  .ps-timeline-sec .container ol:before {
		background: #f79422;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: 66px !important;
		left: 110px !important;
	  }
	  .ps-timeline-sec .container ol:after {
		background: #f79422;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: inherit !important;
		left: 111px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline {
		margin: 30px 0 !important;
		border-left: 2px solid #f79422;
		padding-left: 0 !important;
		padding-top: 120px !important;
		border-top: 0 !important;
		margin-left: 100px !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li {
		height: 150px;
		float: none !important;
		width: inherit !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span {
		margin-left: -76px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
		width: 70px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child {
		margin: 0;
		bottom: 0 !important;
		height: 120px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
		bottom: 40px !important;
		width: 40% !important;
		margin-left: 25px !important;
		margin-top: 0 !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
		width: 100%;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
		margin-bottom: 0 !important;
		top: 20px;
		width: 50% !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span {
		left: 0 !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
		content: none !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
		content: none !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
		position: absolute !important;
		bottom: 115px !important;
		width: 30% !important;
		float: left !important;
		margin-left: 35px !important;
		margin-bottom: 0 !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li p {
		text-align: left !important;
		width: 100% !important;
		margin: 0 auto !important;
		margin-top: 0px !important;
	  }
	  
	  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
		width: 85% !important;
		float: right !important;
		right: 0;
		top: -80px;
	  }
	  .gastro-page-title h2 {
		font-size: 30px;
	  }
	  .gastro-page-title {
		width: 95%;
	  }
	  .form-sec-title h3 {
		font-size: 25px;
	  }
	  .best-gastro-content h3 {
		font-size: 25px;
	  }
	  .best-gastro-form .btn.btn--sm {
		margin-top: 15px;
	  }
	  .benefits-robotic-content h3 {
		font-size: 25px;
	  }
	  .robotic-surgery-content h3 {
		font-size: 25px;
	  }
	  .robotic-surgery-sec img {
		margin-bottom: 20px;
	  }
	  .gastro-page-sec h3 {
		font-size: 25px;
	  }
	  .robotic-process-img {
		margin-bottom: 20px;
	  }
	  .benefits-robotic-content h3 {
		font-size: 25px;
	  }
	  .timeline-pre-title h3 {
		margin-bottom: 15px;
	  }
	  .timeline-preup-content {
		margin-bottom: 40px;
	  }
	  .best-inclass-timeline-img {
		width: 60%;
		margin: auto;
		padding-top: 0px;
	  }
	  .best-inclass-timeline-img::before {
		height: 0;
		width: 0;
		position: absolute;
		content: '';
		margin-left: 36px;
		top: 109px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 20px solid #1598c6;
	  }
	  .col-lg-3.gall-5 {
		-ms-flex: 0 0 30%;
		flex: 1 0 40%;
		max-width: 38%;
	  }
	  .gall-commom-rish-sec img {
		padding-bottom: 20px;
	  }
	  .beating-pancreatic-banner-title {
		padding-top: 13px;
	  }
	  .beating-pancreatic-banner-title h2 {
		font-size: 24px;
	  }
	  .pancreatic-treatment-content-box.box-5 {
		min-height: 300px;
	  }
	  .pancreatic-treatment-content-box.box-3 {
		min-height: 415px;
	  }
	  .pancreatic-treatment-content-box.box-4 {
		min-height: 415px;
	  }
	  .pancreatic-treatment-content-box {
		min-height: 435px;
	  }
	  .gastro-page-title p {
		width: 92%;
	  }
	  .timeline {
		margin-top: 0px;
	  }
	  .gastro-page-title {
  padding-top: 15px;
}
.gastro-page-title p {
 
  padding: 0px 0px;
 
}
	  .beating-pancreatic-banner-title h1 {
		font-size: 25px;
	  }
	  .best-gastro-content h1 {
		font-size: 32px;
	  }
	  .pancreatic-content-box {
		min-height: 200px;
	  }
	  .pancreatic-content-box h5 {
		font-size: 16px;
	  }
}
@media (max-width: 767px) {
	.ps-timeline-sec .container ol:before {
		background: #f79422;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: 87px !important;
		left: 110px !important;
	  }
	  .timeline-pre-title {
		margin-bottom: 25px;
	  }
	  .best-inclass-timeline-img::before {
		height: 0;
		width: 0;
		position: absolute;
		content: '';
		margin-left: 36px;
		top: 109px;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 20px solid #1598c6;
	  }
	  .ps-timeline-sec .container ol:after {
		background: #f79422;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: inherit !important;
		left: 111px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline {
		margin: 30px 0 !important;
		border-left: 2px solid #f79422;
		padding-left: 0 !important;
		padding-top: 120px !important;
		border-top: 0 !important;
		margin-left: 100px !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li {
		height: 150px;
		float: none !important;
		width: inherit !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span {
		margin-left: -50px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
		width: 70px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child {
		margin: 0;
		bottom: 0 !important;
		height: 120px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
		bottom: 40px !important;
		width: 40% !important;
		margin-left: 25px !important;
		margin-top: 0 !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
		width: 100%;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
		margin-bottom: 0 !important;
		top: 20px;
		width: 50% !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span {
		left: 0 !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
		content: none !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
		content: none !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
		position: absolute !important;
		bottom: 115px !important;
		width: 30% !important;
		float: left !important;
		margin-left: 35px !important;
		margin-bottom: 0 !important;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li p {
		text-align: left !important;
		width: 100% !important;
		margin: 0 auto !important;
		margin-top: 0px !important;
	  }
	  
	  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
		width: 75% !important;
		float: right !important;
		right: 0;
		top: -80px;
	  }
	  .tobotic-benefits-icon-box {
		min-height: 165px;
		margin-bottom: 20px;
	  }
	  .col-lg-2.col-8 {
		flex: 1 0 32.667%;
		max-width: 35.667%;
	  }
	  .form-sec-title h3 {
		font-size: 22px;
	  }
	  .best-gastro-content h3 {
		font-size: 22px;
	  }
	  .best-gastro-form .btn.btn--sm {
		margin-top: 12px;
	  }
	  .benefits-robotic-content h3 {
		font-size: 22px;
	  }
	  .robotic-surgery-content h3 {
		font-size: 22px;
	  }
	  .robotic-surgery-sec img {
		margin-bottom: 20px;
	  }
	  .gastro-page-sec h3 {
		font-size: 22px;
	  }
	  .robotic-process-img {
		margin-bottom: 20px;
	  }
	  .benefits-robotic-content h3 {
		font-size: 22px;
	  }
	  .timeline-pre-title h3 {
		margin-bottom: 15px;
	  }
	  .timeline-preup-content {
		margin-bottom: 40px;
	  }
	  .gastro-page-title {
		width: 100%;
	  }
	  .gastro-page-title p {
		width: 100%;
		padding: 2px 0px;
		line-height: 20px;
	  }
	  .gastro-page-title h2 {
		margin-bottom: 0px;
		font-size: 23px;
	  }
	  .gastro-page-title {
		width: 100%;
	  }
	  .page-banner-gastro {
		min-height: 215px;
	  }
	  .timeline-preup-content .timeline .event {
		margin-bottom: 10px;
	  }
	  .event h5 {
		font-size: 18px;
	  }
	  .best-inclass-timeline-img {
		width: 60%;
		margin: auto;
		padding-top: 0px;
	  }
	  .ps-timeline-sec .container ol.ps-timeline li span {
		margin-left: -77px;
	  }
	  .gastro-page-title.galbladder {
		padding-top: 14px;
	  }
	  .gastro-page-title h3 {
		font-size: 18px;
	  }
	  .gall-cancer-symptom-box {
		min-height: 285px;
	  }
	  .col-lg-3.gall-5 {
		-ms-flex: 0 0 40%;
		flex: 1 0 40%;
		max-width: 50%;
	  }
	  .gall-commom-rish-sec img {
		padding-bottom: 20px;
	  }
	  .gall-cancer-symptom-box h4 {
		font-size: 18px;
	  }
	  .beating-pancreatic-banner-title p {
		padding: 0px 0px;
		line-height: 22px;
		width: 100%;
	  }
	  .beating-pancreatic-banner-title h2 {
		font-size: 23px;
	  }
	  .beating-pancreatic-banner-title {
		width: 100%;
		padding-top: 4px;
	  }
	  .col-lg-3.cause-5 {
		flex: 1 0 30%;
		max-width: 35%;
	  }
	  .pancreatic-treatment-content-box {
		min-height: auto;
	  }
	  .pancreatic-content-box {
		min-height: 230px;
	  }
	  .timeline {
		margin-top: 0px;
	  }
	  .gastro-page-title.galbladder h1 {
		font-size: 25px;
	  }
	  .gall-cancer-symptom-box {
		min-height: 252px;
	  }
	  .beating-pancreatic-banner-title h1 {
		font-size: 22px;
	  }
	  .best-gastro-content h1 {
		font-size: 25px;
	  }
	 
	}
	@media (max-width: 575px){
		.page-banner-gastro.gallbladder{
			min-height: 190px;
		  }
		  .gall-cancer-symptom-box {
			min-height: 266px;
		  }
		  .pancreatic-content-box {
			min-height: 228px;
		  }
		  .gastro-callus-btn a {
			padding: 4px 15px;
			font-size: 12px;
		  }
		  .gastro-appoi-btn a {
			padding: 4px 15px;
			font-size: 12px;
		  }
		  .gastro-page-title p {
			width: 90%;
			padding: 2px 0px;
			margin-bottom: 0px;
		  }
	}
	@media (max-width: 568px){
		.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
			width: 77% !important;
			float: right !important;
			right: 0;
			top: -83px;
		  }
		  .gallbladder-faq-content .accordion-header {
			height: 63px;
			line-height: 25px;
		  }
		  .gallbladder-faq-content .dropdown-arrows section .accordion-header {
			padding: 6px 0 0 30px;
		  }
		  .gallbladder-faq-content .dropdown-arrows section .accordion-header::before {
			top: 3px;
		  }
		  .gastro-page-title p {
			width: 94%;
			padding: 0px 0px;
		  }
		  .gastro-page-title h2 {
			font-size: 20px;
		  }
		  .col-lg-3.cause-5 {
			flex: 1 0 40%;
			max-width: 50%;
		  }
		  .beating-pancreatic-banner-title p {
			padding: 0px 0px;
			line-height: 20px;
			width: 100%;
			font-size: 13px;
		  }
		  .beating-pancreatic-banner-title h2 {
			font-size: 18px;
		  }
		  .page-banner-gastro.pancreatic{
			min-height: 195px;
		  }
		  		  .appointment-form-content {
  padding: 25px;
}
.appointment-form-title h3 {
  font-size: 22px;
  margin-bottom: 20px;
}
.appointment-form-content .form-group {
  margin-bottom: 0.7rem;
}
.appointment-form-qr-code {
  width: 90%;
 
}
.appointment-form-qr-code h5 {
  
  font-size: 22px;
 
}
.appointment-form-qr-code h4 {
 
  font-size: 17px;
}
.appointment-form-qr-code-whatsapp a i {
 
  font-size: 30px;
}
.appointment-form-qr-code-whatsapp a span {
  font-size: 15px;
}
	}
	@media (max-width: 480px) {
		.form-sec-title h3 {
			font-size: 20px;
		  }

		  .best-gastro-content h3 {
			font-size: 20px;
		  }
		  .best-gastro-form .btn.btn--sm {
			margin-top: 12px;
		  }
		  .benefits-robotic-content h3 {
			font-size: 20px;
		  }
		  .robotic-surgery-content h3 {
			font-size: 20px;
		  }
		  .robotic-surgery-sec img {
			margin-bottom: 20px;
		  }
		  .gastro-page-sec h3 {
			font-size: 20px;
		  }
		  .robotic-process-img {
			margin-bottom: 20px;
		  }
		  .benefits-robotic-content h3 {
			font-size: 20px;
		  }
		  .timeline-pre-title h3 {
			margin-bottom: 15px;
		  }
		  .timeline-preup-content {
			margin-bottom: 40px;
		  }
		  .gastro-page-title {
			width: 100%;
		  }
		  .gastro-page-title p {
			width: 90%;
			padding: 5px 0px;
		  }
		 .gastro-page-title h2 {
  margin-bottom: 0px;
  font-size: 15px;
}
		  .gastro-page-title {
			width: 100%;
		  }
		  .page-banner-gastro {
			min-height: 215px;
		  }
		  .timeline-preup-content .timeline .event {
			margin-bottom: 10px;
		  }
		  .event h5 {
			font-size: 18px;
		  }
		  .gastro-callus-btn a {
			padding: 5px 17px;
			font-size: 13px;
		  }
		  .gastro-appoi-btn a {
			padding: 5px 17px;
			font-size: 13px;
		  }
		  .page-banner-gastro {
			min-height: 190px;
		  }
		  .gastro-page-title p {
			line-height: 18px;
			font-size: 13px;
			margin-bottom: 9px;
		  }
		  .gastro-page-title {
			padding-top: 10px;
		  }
		  .gastro-faq-content .accordion-header {
			height: 63px;
			line-height: 25px;
		  }
		  .gastro-faq-content .dropdown-arrows section .accordion-header {
			padding: 6px 0 0 30px;
		  }
		  .gastro-faq-content .dropdown-arrows section .accordion-header::before {
			top: 3px;
		  }
		  .page-banner-gastro.gallbladder {
			min-height: 175px;
		  }
		  .gall-cancer-symptom-box {
			min-height: auto;
		  }
		  .col-lg-3.gall-5 {
			-ms-flex: 0 0 100%;
			flex: 1 0 100%;
			max-width: 100%;
		  }
		  .gall-cancer-symptom-box h4 {
			font-size: 16px;
		  }
		  .beating-pancreatic-banner-title p {
			padding: 0px 0px;
			line-height: 18px;
			width: 100%;
			font-size: 12px;
		  }
		  .beating-pancreatic-banner-title h2 {
			font-size: 16px;
		  }
		  .beating-pancreatic-banner-title h1 {
			font-size: 15px;
		  }
		

	}
	@media (max-width: 414px){
	    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
  width: 68% !important;
}
.gastro-page-title p {
	line-height: 15px;
	margin-bottom: 2px;
	font-size: 11px;
  }
		  .page-banner-gastro {
			min-height: 180px;
		  }
		  .gastro-page-title h2 {
			margin-bottom: 0px;
			font-size: 16px;
		  }
		  .col-lg-2.col-8 {
			flex: 1 0 35.667%;
			max-width: 50.667%;
		  }
		  .ps-timeline-sec .container ol::before {
			top: 84px !important;
			left: 74px !important;
		  }
		  .ps-timeline-sec .container ol.ps-timeline {
			padding-top: 120px !important;
			margin-left: 63px !important;
		  }
		  .ps-timeline-sec .container ol::after {
			left: 74px;
		  }
		  .dropdown-arrows section .accordion-header::before {
			top: 3px;
		  }
		  .col-lg-3.gall-5 {
			-ms-flex: 0 0 100%;
			flex: 1 0 100%;
			max-width: 100%;
		  }
		  .page-banner-gastro.gallbladder {
			min-height: 168px;
		  }
		  .gastro-page-title h3 {
			font-size: 15px;
		  }
		  .pancreatic-content-box {
			min-height: auto;
		  }
		  .col-lg-3.cause-5 {
			flex: 2 0 51%;
			max-width: 80%;
		  }
		 
		}
		@media (max-width: 375px){
			.gastro-page-sec h3 {
				font-size: 17px;
			  }
			  .robotic-surgery-proce-box h5 {
				font-size: 17px;
			  }
			  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
				top: -97px;
			  }
			  .page-banner-gastro {
				min-height: 165px;
			  }
			 
			  .gastro-page-title h2 {
				margin-bottom: 0px;
				font-size: 11px;
			  }
			  .gastro-page-title {
				padding-top: 4px;
			  }
			  .tobotic-benefits-icon-box {
				min-height: 145px;
			  }
			  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
				top: -94px;
			  }
			  .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
				width: 70% !important;
				float: right !important;
				right: 0;
				top: -83px;
			  }
			  .ps-timeline-sec .container ol::before {
				top: 77px !important;
				left: 74px !important;
			  }
			  .page-banner-gastro.gallbladder {
				min-height: 145px;
			  }
			  .gastro-page-title.galbladder {
				padding-top: 8px;
			  }
			  .gastro-page-title h3 {
				font-size: 14px;
			  }
			  .beating-pancreatic-banner-title p {
				padding: 0px 0px;
				line-height: 17px;
				width: 100%;
				font-size: 11px;
				margin-bottom: 7px;
			  }
			  .flip-box-front h2 {
				font-size: 20px;
			  }
			  .gastro-page-title.galbladder h1 {
				font-size: 16px;
			  }
			  .gastro-page-title p {
				line-height: 13px;
				margin-bottom: 4px;
				font-size: 10px;
			  }
		}
		@media (max-width: 320px){
			
			 
		}