/*--------Resolution 100px to 815px Start--------*/
@media only screen and (min-device-width : 100px) and (max-device-width : 815px) {
	.inner-page .profile{
		padding: 0 3%;
	}
	#cssmenu{
	    height:50px;
	}
    .logo{
        width:50%;
        padding:7px 0 0 5px;
    }
    .flexslider{
        margin:0!important;
    }
    #cssmenu > ul > li{
        height:50px!important;
    }
    #cssmenu ul ul{
        top:45px!important;
    }
    #cssmenu ul ul li a{
        color:#fff!important;
    }
    #cssmenu ul ul li:hover{
          background:#275d99!important;
          color:#fff!important;
    }
	nav{
		position: fixed;
		width: 100%;
		float: left;
		z-index: 9999;
		height: auto!important;
		margin-top: 0!important;
		top: 0;
	}	
	nav ul{
		width: 100%!important;
		display: block;
		height: auto;
		background: rgba(255, 255, 255, 0.95);
		display: none;
		height: 100%;
	}
	nav li{
		display: block;
		float: none;
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding-left: 25px;
	}
	header nav ul li a{
		font-size:14px;
	}
	header nav ul li a:hover{
		color:#1c97a5;
	}
	nav li a {
		color:#000;
		font-weight: 600;
		line-height:45px;
		text-align:left!important;
		text-align:left;
	}
	nav a#pull{
		display: block;
		 background: #fff none repeat scroll 0 0;
    	border-bottom: 1px solid #e7e7e7;
    	clear: both;
    	color: #626263;		
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";		
		background:url(../images/nav-icon.png) 0 0 no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		top: 19px;
		left:90%;
	}
	.smallLogo{
		float:left;
		padding-right:0;
		text-align:center;
		position:absolute;
	    text-align: left;
	    width: 45px;
	    z-index: 9995;	
		left:10px;
		top:6px;
	}
	.menuPull{
		background-position: 15px 50%;
	    background-repeat: no-repeat;
	    display: block;
	    height: 50px;
	    left: 0;
	    position: absolute;
	    text-indent: -9999px;
	    top: 0;
	    width: 48px;
	}	
	.smallLogo a{
		display: block!important;
	    height: auto!important;
		width:100%!important;
	    margin: 0 auto!important;
	}	
	header .search-section{
		background: #e8e8e8;
		border-radius: 6px;	    
	    clear: both;
	    display: block;
	    height: 32px;
	    line-height: 32px;
	    margin: 60px auto 0;
	    width: 90%;
	}		
	.body-content{
		margin-top: 20px;
	}
	.body-wrapper{
		width: 95%;
		margin: 0 auto
	}
	.body-content .col-lt{
		display: block;		
	}
	.body-content .col-lt .head .view-all{		
		display: block;
		float: none!important;
		padding: 10px 0;
	}	
	
	.content-lists{
		margin: 10px 0 25px 0;
	  	border-bottom: 1px solid #ededed;
	  	padding-bottom: 35px;
		overflow: hidden;
	}			
	.col-rt{
		margin-top: 60px;
		text-align: center;
	}	
	footer{
	  background: #1c2e36;
	  overflow: hidden;	  
	  margin-top: 80px;
	  text-align: center;
	}
	footer figure{
		padding: 20px 0;
	}
	footer figure img{
		width: 16%;
	}
	footer .footer-links a{
		color: #fff;
		font-size: 14px;
	}
	footer .footer-links span{
		color: #fff;
	}	
	footer .footer-social{
		padding: 20px 0;
	}
	.leftCol{
		float: none;
		margin-right: 0;		  
    	overflow: visible;
    	width: 100%;
	}
	.surgeries .sc-table .sc-table-body li.fstChd{
		overflow: hidden;
	    padding-right: 10px;
	    white-space: nowrap;
	    width: 55%;
	}
	.surgeries .sc-table .sc-table-body li{
		font-size: 14px;
	}
	.surgeries .sc-table .sc-table-header li.fstChd,
	.surgeries .sc-table .sc-table-body li.fstChd{
		width: 55%;			
	}
	.surgeries .sc-table .sc-table-header li.secChd,
	.surgeries .sc-table .sc-table-body li.secChd{
		width: 20%;			
	}
	.surgeries .sc-table .sc-table-header li.thrChd,
	.surgeries .sc-table .sc-table-body li.thrChd{
		width: 20%;
		text-align: center;	
	}
	.bio-content{
		position: none;
	}
	.bio-content .ms-timeline{
		left: 4px;
	}
	.bio-content .date .line{
		width: 30px;
	}
	.bio-content .date{
		position: relative!important;
		width: 300px;
		left: 45px;
		text-align: left;
		top: 0;
	}
	.bio-content .date{
		left: 45px;
		margin-bottom: 30px;
	}
	.bio-content .date .line{
		left: -38px;
		top: 13px;
	}
	.bio-content .odd .line span{
		left: -6px;
	}
	.ext-accor{
		width: 95%;
	}
	.ext-accor .content .fstChd {
		width:55%!important;
	}
	.bio-content{
	    min-height: 1820px;
	}
	.news-blog article{
	    border-left: none;
	    border-right: none;
	    border-top:  none;
	    margin: 0 30px 0 0
	}
	.news-blog article:hover{
		   border-left: none;
	     border-right: none; 
	     border-top:  none;
	     border-bottom: 1px solid rgba(0, 0, 0, 0.08)
	}
	.news-blog article .b-resourcescontent__inner .resource-image img{
	    width: 100%;
	}
}
/*--------Resolution 100px to 815px End--------*/

/*--------Resolution 100px to 540px Start--------*/
@media only screen and (min-device-width : 100px) and (max-device-width : 540px) {	
	.body-content .col-lt{		
		text-align: center;
	}
	.body-content .col-lt h6{
		color: #d91148;						
		font-size: 24px;
		text-transform: uppercase;		
		padding-bottom: 5px;
	}
	.read-more{	
	  display:none;
	}
	
	.my-store-details{
	    left: 15px;
	    max-height: 230px;
	    max-width: 300px;	    
	    top: 66px;	    
	}
	.my-store .my-store-collections{
		margin: 20px auto;
	    max-width: 260px;
	    overflow: hidden;
	    width: 100%;
	}
	.side-filter{
		display: none;}
	.small-device-side-filter{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.filter-list{
		width: 280px;
		height: 280px;		
		background:#fff;
		border: 1px solid #ccc;
		display:none;
		overflow: scroll;		
	}
	.publications .sc-table .sc-table-header li.fstChd, .publications .sc-table .sc-table-body li.fstChd{
		width: 17%;
	}
	.publications .sc-table .sc-table-header li.secChd, .publications .sc-table .sc-table-body li.secChd{
		width: 60%;
	}
	.publications .sc-table .sc-table-header li.thrChd, .publications .sc-table .sc-table-body li.thrChd{
		width: 23%;
		overflow: hidden;
	}
	.inner-page .profile h4{
		text-align: center;
	}
	.inner-page .profile .my-details{
		margin: 0 5%;
	}
	.inner-page .profile .my-details .avatar-container,
	.inner-page .profile .my-details .bio{
		width: 100%;
		margin: 10px auto;
	}
	.inner-page .profile .my-details .bio{
		padding-top: 30px;
	}
	.inner-page .my-bio-description{
		margin: 30px 0 0 0; 
		padding: 0 5%;
	}	
	.contact .contact-form, .contact .contact-sidebar{
		width: 100%;
	}
	.contact .contact-sidebar{
		margin-top: 50px;
	}
	.contact form p input[type="text"], .contact form p input[type="email"], .contact form p textarea{
		width: 100%;
	}
	.no-page-found h6{
		line-height: 45px;
    	padding: 0 50px;
	}
	.no-page-found figure img{
		width: 65%;
	}
	.no-page-found figure figurecaption{
		margin: 20px 5% 80px;
	}
	.contact form p.captcha input[type="text"]{
		float: left;
		margin: 12px 0 0;
		width: 100%
	}
	.event-col .event-date{
		max-width:100%;
		width:100%;
		margin-bottom:30px;
	}
	.event-col .event-content{
		width:100%;
	}
	.body-content .news-blog .co-001a .content .news-content{
		max-width:100%;
	}
	.body-content .news-blog .co-001a .content .publish-date{
		width:100%;
		margin-bottom:10px;
	}
	.body-content .news-blog .co-001a .content .categories{
		float:left;
	}
}
/*--------Resolution 100px to 540px End--------*/


/*--------Resolution 100px to 815px start--------*/
@media only screen and (min-device-width : 100px) and (max-device-width : 815px) {
	.my-store h3{
		float: none;
		margin: 0;
		text-align: center;
	}
	.my-store .show-details{
	   display: table;
    	text-align: center;
    	width: 100%;
    	margin-top: 12px;
	}
	.my-store .my-store-collections .my-store-item{			    
	    margin-bottom: 20px;
	    margin-right: 0;	
	    float: none;    
	}
	.leftCol, .rightCol{ 
		width: 100%;	        
	} 
	.rightCol{
		padding-left: 0;
	}
	.product-details{
		margin: 20px 10px 0;
	}
	.product-details h1.product-title{
		text-align: center;
		padding:  0 10px 10px 10px;
		font-size: 14px;
	}
	.product-details .product-share{
		text-align: center;
	}
	.product-details .prod-info{
		margin: 20px 12px 0; 
	}

	.product-details .prod-info ul li .price-col, .product-details .prod-info ul li .social-share{
		float: none;
	}
	.product-details .prod-info ul li .social-share{
		margin-right: 0;
		text-align: center;
	}
	.inner-page .profile .my-details .bio .address .address-col{
		width: 100%;
	}
	footer .footer-social .fb_iframe_widget{
	    top: 64px;
        width: 100%;
	}
	footer{
	    padding-bottom: 60px;
	}
	
}

/*--------Resolution 100px to 815px start--------*/

/*--------Resolution 541px to 815px Start--------*/
@media only screen and (min-device-width : 541px) and (max-device-width : 815px) {	
	.my-store .my-store-collections{
		margin: 20px auto;
	    max-width: 540px;
	    overflow: hidden;
	    width: 100%;
	}	
	.my-store-details{
	    left: 190px; 
	    top: 66px;   	    
	}	
}	

/*--------Resolution 581px to 815px Start--------*/
@media only screen and (min-device-width : 581px) and (max-device-width : 815px) {	
	.body-content .col-lt{
		width: 100%;	
		background: #fefdfd;
		border: 1px solid #ededed;
		padding-bottom: 60px;
	}
	.body-content .col-lt p{
		margin : 30px;
		line-height: 30px;
	}	

	.body-content .col-lt .head {
    	margin: 30px 25px;
	}
	.body-content .col-lt .head h6 {
	    color: #d91148;
	    float: left;
	    font-size: 24px;
	    padding-bottom: 5px;
	    text-transform: uppercase;
	    width: 75%;
	}	
			
	.body-content .col-lt .content-lists{
		margin: 0 25px 35px 25px;
	  	border-bottom: 1px solid #ededed;
	  	padding-bottom: 35px;
		overflow: hidden;
	}	
	.body-content .col-lt .content-lists .whats-img{
		width: 38%;
		float: left;
	}
	.body-content .col-lt .content-lists .whats-contents{
		width: 58%;
		float: left;
		margin-left: 4%;
	}	
	.body-content .col-rt .content-helper a{
		width: 33%;
		float: left;
	}
	.body-content .recent-works a{
		width: 50%;
		float: left;
	}
	.body-content .recent-works .btn-container{
		margin-top: 0;
	}
	.body-content .recent-works .btn-container a{
		width: 140px;
		float: none;
	}
	.body-content .recent-works figure figcaption{
		margin: 0 20px;
	}
}
/*--------Resolution 581px to 815px End--------*/
@media only screen and (min-device-width : 100px) and (max-device-width : 747px) {
	.b-expertise__article .b-expertise__article-meta{
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}
	.b-expertise__article .header{
		margin-left: 0;
	}
	.b-share-buttons{
		border-bottom: 1px solid rgba(0, 0, 0, 0.3)
	}
	.b-expertise__article .b-expertise__article-text{
		width: 100%;
	}
	.inner-page .inner-paras{
		padding: 0 5%;
	}
}

@media only screen and (min-device-width : 100px) and (max-device-width : 580px) {	
	.body-content .col-lt .head .view-all{
		text-align: center;
	}
	.accordion-item .icon::before, .accordion-item .icon::after{
		width: 1.02rem;
	}
	.accordion-item .heading{
		font-size: 16px;
		padding: 1rem 0 1rem 3rem;
	}	
	.accordion-item .content{
		padding: 0 12px;
	}
}