/*-------------iphone6 portrait ---------------- */

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

	.hidden-lg, .hidden-md {

	display:none !important;

	}

	.hidden-mob {

	display:none !important;

	}

	.chide{

	display:block !important;

	}

	

	

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px; 

    border-radius: 10px;

    background: rgba(102,205,170,0.2); 

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.01); 

	

}

.nav>li>a.mhide{

	display:none;

}

.nav>li>a span{

	background:rgba(0,0,0,0.4);

	padding:8px;

	border:solid 2px #CCC;

	border-radius:5px;

}

.navbar-header{

	clear:left;

	float:left;

	}

.nav>li{

	float:right;

	margin-top:5px;

	}

/*.scrl{

	background:rgba(21, 21, 21, 0.38);

	padding:10px 110px;

	font-size:45px;

	text-align:center;

	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);

    border-color: rgba(255,255,255,.02);

	margin-right:0%;



}

.scrl a:hover{

	text-decoration:none;	

}

*/

.clients-container #carousel-clients1 .carousel-inner .item ul li {

  display: inline-block;

  width:95%;

  padding-left: .6%;

  padding-right: .6%;

      text-align:center !important;

}



.home_tab{

	width:72%;

	padding-top:25%; 

	margin-bottom:10px;

	}

.intro-text {

	float:right; 

	width:50%;

	margin-bottom:40px;

	font-family:'Aller Light';

}

.intro-text h4 {

		text-align:left;

		font-size:8px;



}

.intro-text ul{

	font-size:8px;

	padding-left:10px;

}

section {

        padding:60px 0px 40px 0px;

    }

#aboutjps h4 span{

font-size:12px;

border-bottom:solid 1px #009933; 

color:#362E70;

padding-bottom:3px;	

}

#aboutjps h5{

	font-size:8px;

	margin-bottom:5px;

	margin-top:0px;

	}

#aboutjps h6{

	font-size:7px;

	margin-bottom:5px;

	margin-top:5px;

	font-weight:100;

	}

#aboutjps .phn img{

	width:120px;

	}

	

.abtp{

	font-size:7px;

	}

.abth{

	padding-top:20px;

	padding-bottom:5px;

	clear:both;

	font-size:24px;

	text-align:center;

	}

.abth2{

	padding-bottom:5px;

	font-size:13px;

	text-align:center;

	}



.ovrf{

	max-height:350px;

	overflow:scroll;

	margin-bottom:10px;

	}

.ovrf p{

	font-size:13px;

	text-align:justify;

	font-family:'Cambria';

	line-height:1 !important;



	}

#aboutjps ol li

{	text-align:justify;

	font-size:11px;

	font-family:'Cambria';

	}

#jps .container{

	padding:0px !important;

	margin:0px !important;

}



 h1

{

	font-size:27px !important;

	margin-top:0px;

	margin-bottom:0px;

	padding-bottom:0px;

	}

#jps h2 span{

	border-bottom:solid 1px #009933; 

	color:#716fb4;

	font-size:9px;

	}	

#jps h2 {

		margin-top:-8px;

	padding-top:0px;

}

.jpsp{

	color:#4A4684; 

	font-size:14px; 

	text-align:justify;

	margin-bottom:0px;

	line-height:1.1;

	max-height:490px;

	overflow:scroll;

	}



h9 {

    text-transform: none;

    font-family:'Cambria Bold';

    font-weight:bold;

	font-size:11px;

	line-height:1;

}

.widc{

	width:100%;

	margin-left:0%;

	}

.widc2{

	width:80%;

	margin-left:9% !important;

	float:none;	}



#jps2 ol, #jps3 ol{

	padding-left:10px;

	font-size:11px;

	color:#5E59B1;

	line-height:1.2;

	list-style:disc; 

	text-align:left; 

	font-family:'Cambria','Times New Roman', 'Times', serif;

	margin-bottom:2px;

	margin-top:0px;

	}



.abcd{

	border:solid 1px #00CC66;

/*	border-radius:19px;

*/	border-bottom-right-radius:19px;

	border-top-left-radius:19px;

	background:#FFF;

	margin:5px 2px;

	padding-right: 0px !important;

	padding-left: 0px !important;

	}

.cardsd:hover

{

	margin:5px 2px 30px 9% !important;

	

	}

.abcd2{

	padding:2px;

	font-weight:100;

	}

.abcd h4{		

margin:0px; 

}

.abcd h4 span{

		 border-bottom:solid 1px #00CC66;

		 font-size:14px;

}

.abcd img{

	width:100%;

	height:140px;

	padding:0px 0px;

	}

.text-muted {

	min-height:90px;

    color: #5E59B8;

	line-height:1.1 !important;

	opacity:1;

	font-family:'Cambria','Times New Roman', 'Times', serif;

	text-align:center;

	font-size: 14px;

}

#jps3{

	 padding:60px 0px 40px 0px;

	}	

.jpbg {

	border-radius:20px;

	padding:5px 10px;

	background:rgba(245,244,242,0.6);

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	margin-bottom:10px;

}

.jpbg1 {

	border-radius:15px;

	padding:2px 15px;

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	margin-bottom:2px;

}

.jpbg2 {

	padding:2px 15px;

	background:none;

	margin-bottom:2px;

}

.jointsd

{

box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	}

.cardsd

{

box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

margin-bottom:30px;

	}



.jpbg1 h4, .jpbg2 h4{

		font-size:12px;

		 font-weight:700;

		 margin-top:4px;

		 margin-bottom:4px;

		  padding-top:1px !important;

		  padding-bottom:1px !important;

}

.jpbg1 p, .jpbg2 p{

	font-size:11px;

	line-height:1;

	padding-bottom:1px !important;

}

.vid{

	height:170px;

	width:98%;

	}

.pdfc{

	width:45px;

	clear:left;

	float:left;

	}

.galc{

	width:110px;

	}

.text-muted1 {

 	line-height:1.1 !important;

	font-size: 10px;

	padding:1px 0px;

	float:left;

	clear:left;

	margin-top:3px;

	margin-bottom:3px;

	}

#jps3 .container{

	margin-bottom:30px;

	}

.abcd1{

	border:solid 1px #00CC66;

	border-radius:10px;

	background:#FFF;

	text-align:center;

	margin-bottom:10px;

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);



	}

.btnc{

	border:solid 1px #00CC66; 

	font-size:9px; 

	padding:5px 10px;

	background:#FFF;

	color:#0C3;

	margin-bottom:5px;

	}

.btnc:hover{

	border:solid 1px #009966; 

	background:#009966;

	color:#FFF;

	}

.btnc2{

	margin-top: 25%;

	font-size:7px; 

	padding:4px 5px;

	margin-bottom:1px;

	}

h8 {

    text-transform: none;

    font-family:'Cambria Bold';

    font-weight:bold;

	color:#362E70;

	font-size:12px;

	line-height:1;

}

#jps4 ol{

	line-height:1.1;

	padding-left:10px;

	margin-bottom:0px;

	margin-top:5px;

	font-size:11px;

	}

.abcde{

	margin:3px 0px;

	padding:0px 2px !important;

	}

.abcde:hover{

	margin:3px 0px;

	}



.abc h3 span{

		 border-bottom:solid 1px #00CC66;

		 font-size:13px;

		 line-height:1;

}

.abc{

	padding:0px 0px 5px 0px;

	background:#FFF;

	margin:3px 0px 0px 0px;

	}

#cont{

	

	padding-top:55px;

	}	

.abcd1 h3{

	margin:3px auto;

	font-size:16px;

	padding-bottom:3px;

}

.abcd1 p {

	font-family:'Cambria','Times New Roman', 'Times', serif;

    font-size: 12px;

    line-height: 1.1;

	margin-bottom:5px !important;

}

.map{

	height:250px;

	width:100%;

	margin-bottom:30px;

	}

#cont h1 span{

	padding-bottom:2px;

}



.conth h1{

	font-size:19px;

	}

.conth h3{

	margin-top:0px;

	font-size:12px;

	margin-bottom:3px;

}

.conth h4{

		font-size:10px;

		font-weight:500;

		margin-bottom:5px;

		margin-top:5px;

		}	

.conth p{

	font-size:12px;

	}

.form-control{

height:32px;

padding:4px 12px;

font-size:12px;

line-height:1;

border-radius:4px;

}



.full{

	width:100% !important;

	}

.indi

{	margin-top:-40px;

	width:160px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi2

{

	width:50px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi3

{

	width:110px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi5

{

	width:140px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi4

{

	width:140px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.arw{

	width:40px;

 margin-top:10px; 

 margin-right:45% !important; 

 float:right;	}

#jps3 .arw{

		width:30px;

 margin-top:-25px; 

}



.mark2{

	padding:12px; 

	margin:11px 12px 11px 3px; 

	width:90%;

	}



	

	



/* Rectangle 384: 

background: #FFFFFF;

border: 1px solid #019A72;

box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

border-radius: 19px;

*/	

#Arthoscopy h2 span, #services h2 span {

	 border-bottom:solid 2px #999999; color:#362E70;

	}

#team h2 span {

	 border-bottom:solid 2px #FFF;  color:#362E70;

	}

#aboutjps ol li

{

	font-family:'Cambria','Times New Roman', 'Times', serif;

	}

.mod-head{

	position:fixed;

	background-size:contain;

	background-repeat:no-repeat;

	z-index:2025;

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	}

.modal-body {

    position: relative;

    padding: 5px;

}

.portfolio-modal .modal-content h2 {

	font-size:12px;

	padding-top:0px;

	padding-bottom: 0px;

	margin:70px auto 25px auto;

}

.modal-body{

	margin-top:110px;

	}

.portfolio-modal .modal-content p{

	font-size:12px;

	margin-bottom:5px;

}

.portfolio-modal .close-modal {

    top: 5px;

    right: 4px;

    width: 25px;

    height: 15px;

    cursor: pointer;

}

.navbar-brand {

    float: left;

    height: 40px;

    padding: 0px 5px;

    font-size: 16px;

    line-height: 15px;

}

.nav>li>a {

    position: relative;

    display: block;

 padding: 5px 5px; 

}



.inside_head3{

	padding-top: 10px;

    padding-bottom: 12px;

}

.inside_head2 img{

    margin-left: -30px;

}

.inside_head3 h2{

	font-size:20px !important;

}

.back_border{

	margin-top:50px;

	}

.back_border2{

	margin-top:55px;

	}

	.back_border3{

	margin-top:95px;

	}

.inside_container{

margin-top:130px; 

margin-bottom:40px;

min-height:550px !important;

}

.inside_container .jpbg p{

	font-size:14px;

}

.panel-title{

	font-size:12px;

}

.internal h3{

	font-size:14px;

	}

}



/*-------------iphone6 portrait ---------------- */

@media only screen and (min-width:415px) and (max-width:736px) {

.nav>li>a.mhide{

	display:none;

}

.nav>li>a span{

	background:rgba(0,0,0,0.4);

	padding:8px;

	border:solid 2px #CCC;

	border-radius:5px;

}

.navbar-header{

	clear:left;

	float:left;

	}

.nav>li{

	float:right;

	margin-top:0px;

	margin-right:20px;

	}

	.c-menu--slide-top{

	margin-top:50px !important;

	height:90px !important;

}

.home_tab{

	width:49%;

	padding-top:10%; 

	margin-bottom:10px;

	}

.intro-text {

	float:right; 

	width:34%;

	font-family:'Aller Light';

	margin-bottom:20px;



}

.intro-text h4 {

		text-align:left;

		font-size:10px;



}

.intro-text h4 span {

	border-bottom:solid 1px #000;

}



.intro-text ul{

	line-height:1.3;

	font-size:10px;

	padding-left:20px;

}

.scrl{

	padding:5px;

}

section {

        padding:70px 0px 60px 0px;

    }



#aboutjps .container{

	margin-bottom:30px;

	}

#aboutjps h4 span{

	font-size:24px;

border-bottom:solid 1px #009933; 

color:#362E70;

padding-bottom:3px;

}

#aboutjps h5{

	font-size:16px;

	}

.abtp{

	font-size:13px;

	}

#aboutjps .phn img{

	width:190px;

	}

.abth{

	padding-top:20px;

	padding-bottom:5px;

	clear:both;

	font-size:46px;

	text-align:center;

	}

.abth2{

	padding-bottom:5px;

	font-size:29px;

	text-align:center;

	}

.ovrf{

	text-align:justify;

	padding-right:15px;

	height:100%;;

	overflow:scroll;

	}

.ovrf p{

	font-size:17px;

	text-align:justify;

	font-family:'Cambria';

	line-height:1.1 !important;



	}

	

#aboutjps ol li

{

	font-family:'Cambria','Times New Roman', 'Times', serif;

	padding-left:0px !important;

	}



#jps h1

{

	font-size:30px;

	margin-top:0px;

	margin-bottom:5px;

	}



#jps h2{

	margin-top:0px;

	}

#jps h2 span{

	border-bottom:solid 1px #009933; 

	color:#716fb4;

	font-size:16.5px;

	}	

.jpsp{

	color:#4A4684; 

	font-size:14px; 

	text-align:justify;

	margin-bottom:20px;

	line-height:1.1;

	}

#jps2 ol, #jps3 ol{

	color:#5E59B1;

	line-height:1.2;

	list-style:disc; 

	text-align:left; 

	font-family:'Cambria','Times New Roman', 'Times', serif;

	margin-bottom:2px;

	font-size:15px;

	}

.widc{

	width:100% !important;

	margin-left:0% !important;

	}

.widc2{

	width:100% !important;

	float:left !important;

	}

.clients-container .carousel-control {

	display:block !important;

	}

.hidden-lg, .hidden-md{

	display:none !important;

	}

.hidden-xs{

	display:block !important;

	}

.clients-container .carousel-control {

  background: none;

}

h9 {

    text-transform: none;

    font-family:'Cambria Bold';

    font-weight:bold;

	color:#362E70;

	font-size:18px;

	line-height:1;

}

h8 {

    text-transform: none;

    font-family:'Cambria Bold';

    font-weight:bold;

	color:#362E70;

	font-size:18px;

	line-height:1;

}

.abcd{

	border:solid 1px #00CC66;

	border-bottom-right-radius:19px;

	border-top-left-radius:19px;

	background:#FFF;

	margin:5px 3px;

	padding-right: 0px !important;

	padding-left: 0px !important;

	margin-bottom:20px;

	}

.abcd2{

	padding:8px;

	font-weight:100;

	}

.abcd h4 {

		margin-bottom:0px;

		margin-top:0px;



}

.abcd h4 span{

		 border-bottom:solid 1px #00CC66;

		 font-size:12px;

}

.abcd img{

	width:100%;

	height:150px;

	padding:0px 0px;

	}

.text-muted {

    color: #5E59B8;

	line-height:1.1 !important;

	opacity: 0.68;

	font-family:'Cambria','Times New Roman', 'Times', serif;

	text-align:center;

	font-size: 13px;

	min-height:85px;

}

#jps3{

	 padding:90px 0px 40px 0px;

	}	

.jpbg {

	border-radius:30px;

	padding:10px 20px;

	background:rgba(245,244,242,0.6);

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	margin-bottom:10px;

}

.jpbg1 {

	border-radius:15px;

	padding:5px 15px;

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	margin-bottom:5px;

}

.jpbg2 {

	padding:7px 15px;

	background:none;

	margin-bottom:5px;

}

.jpbg1 h4, .jpbg2 h4{

		font-size:16px;

		 font-weight:700;

		  padding-top:2px !important;

		  padding-bottom:4px !important;

  		margin-bottom:3px;

		margin-top:3px;



}

.jpbg1 p, .jpbg2 p{

	font-size:16px;

	line-height:1.1;

	padding-bottom:1px !important;

}

.vid{

	height:320px;

	width:98%;

	}

.pdfc{

	width:70px;

	float:left;

	}

.galc{

	width:155px;

	}

	

.text-muted1 {

 	line-height:1.1 !important;

	font-size: 12px;

	padding-bottom:10px;

	padding-top:10px;

	

}

.btnc{

	border:solid 1px #00CC66; 

	font-size:10px; 

	padding:8px 15px;

	background:#FFF;

	color:#0C3;

	margin-bottom:5px;

	}

.btnc:hover{

	border:solid 1px #009966; 

	background:#009966;

	color:#FFF;

	}

.btnc2{

	font-size:8px; 

	padding:8px 10px;

	margin-bottom:5px;

	}



#jps2 ol, #jps3 ol{

	color:#5E59B1;

	line-height:1.2;

	list-style:disc; 

	text-align:left; 

	font-family:'Cambria','Times New Roman', 'Times', serif;

	margin-bottom:2px;

	}

.abc h3 span{

	 border-bottom:solid 1px #00CC66;

	 font-size:18px;

	 line-height:1;

}

.btnc2{

	margin-top:6%;

}

.indi{

	margin-top:20px;

	}

.abc{

	padding:10px 0px 15px 0px;

	background:#FFF;

	margin:5px 0px 0px 0px;

	}



.jointsd

{

box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	}

.cardsd

{

box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	}



.cardsd:hover

{

	margin:0px 3px;

	

	}

h8 {

    text-transform: none;

    font-family:'Cambria Bold';

    font-weight:bold;

	color:#362E70;

	font-size:16px;

	line-height:1;

	padding:15px auto;

}

#jps4 ol{

	line-height:1.2;

	margin-bottom:0px;

	margin-top:5px;

	font-size:14px;

	}

.abcde{

	margin:15px 0px;

	padding:0px 2px !important;

	}

.abcde:hover{

	margin:0px auto auto auto !important;

	}



.abc h3 span{

		 border-bottom:solid 1px #00CC66;

		 font-size:18px;

}

.abc{

	padding:10px 0px;

	background:#FFF;

	margin:5px 0px 0px 0px;

	}

#cont{

	background:#E8E6E2;

	padding-top:55px;

	}	

.abcd1{

	border:solid 1px #00CC66;

	border-radius:10px;

	background:#FFF;

	text-align:center;

	margin-bottom:10px;

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);



	}



.abcd1 h3{

	margin:5px auto;

	font-size:23px;

}

.abcd1 p {

	font-family:'Cambria','Times New Roman', 'Times', serif;

    font-size: 18px;

    line-height: 1.1;

}

.map{

	height:300px;

	width:100%;

	clear:both;

	margin-bottom:10px;

	}

#cont .container{

	margin-bottom:20px;

	}

#cont h1 span{

	padding-bottom:2px;

}

.conth h1{

	font-size:36px;

	}

.conth h3{

	margin-top:0px;

	font-size:24px;

	margin-bottom:4px;

}

.conth h4{

		font-size:20px;

		font-weight:500;

		margin-bottom:5px;

		margin-top:5px;

		}	



.conth p{

	font-size:17px;

	}

.form-control{

height:32px;

padding:7px 12px;

font-size:14px;

line-height:1.1;

border-radius:4px;

}

#cont{

	background:#E8E6E2;

	padding-top:85px;

	}



.full{

	width:100% !important;

	}

.indi

{

	width:170px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi2

{

	width:50px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi3

{

	width:120px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi5

{

	width:140px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.indi4

{

	width:140px;

	margin-left:0px !important;

	float:left;

	clear:left;

	}

.clients-container #carousel-clients1 .carousel-inner .item ul li {

  display: inline-block;

  width:32.5%;

  padding-left: .6%;

  padding-right: .6%;

      text-align:center !important;

}



/* Rectangle 384: 

background: #FFFFFF;

border: 1px solid #019A72;

box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

border-radius: 19px;

*/	

#Arthoscopy h2 span, #services h2 span {

	 border-bottom:solid 2px #999999; color:#362E70;

	}

#team h2 span {

	 border-bottom:solid 2px #FFF;  color:#362E70;

	}

#aboutjps ol li

{

	font-family:'Cambria','Times New Roman', 'Times', serif;

	}

.mod-head{

	position:fixed;

	background-size:cover;

	background-repeat:no-repeat;

	z-index:2025;

	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.50);

	}



.modal-body {

    position: relative;

    padding: 5px;

}

.portfolio-modal .modal-content h2 {

	font-size:18px;

	padding-top:0px;

	padding-bottom: 0px;

	margin:70px auto 25px auto;

}

.modal-body{

	margin-top:120px;

	}

.portfolio-modal .modal-content p{

	font-size:12px;

	margin-bottom:1px;

}

.portfolio-modal .close-modal {

    top: 5px;

    right: 4px;

    width: 25px;

    height: 15px;

    cursor: pointer;

}

.jpbg{

	border-radius:12px;

	}

.modal-content iframe{

	width:100%;

	height:510px;

	}

	

.content {

	height:420px;

	z-index: 5;

	overflow:scroll !important;

    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);

    border-radius: 0 3px 3px 3px;

	border-top-right-radius:50px;

	border-bottom-left-radius:50px;

}

.content .content-4 {

	font-size:11px !important;

}



.inside_head3 h2{

	font-size:16px !important;

}





}