
#mobile-menu {
	position: fixed;
	width: 100%;
	z-index: 1;
}
.mobile-only .nav-bar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	position: relative;
	background: var(--color2);
	padding: 0;
}
.mobile-only .menu,
.mobile-only .menu1 {
	display: flex;
}
.mobile-only .menu li {
	padding: 0 35px;
	color: #003864;
	font-family: 'Helvetica Neue';
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.mobile-only .menu li a {
	display: inline-block;
	text-decoration: none;
	color: var(--color1);
	text-align: center;
	transition: 0.15s ease-in-out;
	position: relative;
}
.mobile-only .menu li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--color1);
	transition: 0.15s ease-in-out;
}
.mobile-only .menu li a:hover:after {
	width: 100%;
}
.mobile-only .open-menu,
.mobile-only .close-menu {
	position: absolute;
	font-size: 1.5rem;
	color: var(--color1);
	cursor: pointer;
	display: none;
}  
.mobile-only .open-menu {
	top: 10px;
  right: 0px;
}  
.mobile-only .close-menu {
	top: -60px;
  right: 20px;
}  
.mobile-only .medical-info .open-menu {
	top: -22px;
	left: 60%;

}  
.mobile-only .medical-info .close-menu {
	top: -22px;
	left: 60%;
}

.mobile-only #check,
.mobile-only #check1 {
		display: none;
}

/* Top menu */
.mobile-only .top-menu{
	padding: 18px 0;
}
.mobile-only .top-menu ul.medical-info{
	display: none;
}

/* Main menu */

.mobile-only .header-main-menu ul li {
	margin-left: 0;
}
.mobile-only .header-main-menu{
	width: 100%;
}
.mobile-only .main-menu .open-menu, 
.mobile-only .main-menu .close-menu{
	background: #FFFFFF;
	border-radius: 8px;
	width: 32px;
	height: 32px;
}
.mobile-only .main-menu .open-menu i::before,
.mobile-only .main-menu .close-menu i::before{
	content: "\003D";
	position: relative;
	left: 5px;
	top: 5px;
	font-family: 'Helvetica Neue';
	font-size: 36px;
	line-height: 1.2px;
	font-weight: 500; color: #003864;
}
.mobile-only .main-menu .close-menu i::before{
	content: "\00d7";
}  
.mobile-only .main-menu .open-menu {
	top: 4px;
	right: 16px;
}
.mobile-only .main-menu .close-menu{
	top: 4px;
	right: 16px;
}
.mobile-only .header-main-menu ul {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.mobile-only .main-menu li{
	margin-bottom: 25px;
}
.mobile-only .main-menu ul li.logo{
	margin-bottom: 0;
}
.mobile-only .main-menu ul li.logo a{
	padding-bottom: 0;
}
.mobile-only .main-menu ul.Information-medical-menu{
	/* border-top: 1px solid #9DB0AC;
	padding: 30px 0 0; */
}
.mobile-only .main-menu ul.Information-medical-menu::before {
	content: "";
	display: inline-block;
	border-top: 1px solid #9DB0AC;
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
	padding: 15px;
}
.mobile-only .main-menu ul.Information-medical-menu li{
	color: #4A5D86;
	font-family: 'Helvetica Neue';
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;	
}
.mobile-only .header-main-menu ul li a.active, .mobile-only .header-main-menu ul li a:hover{
	border-bottom: none;
}

@media screen and (max-width: 991px) {
	#header .mobile-only .main-menu > .container-inner{
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-only .header-main-menu ul.nav-bar{
		padding-left: 15px;
		padding-right: 15px;
	}
	.mobile-only .menu {
		flex-direction: column;
	 
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 135px; 
		right: -100%;
		z-index: 100;
		background: #EBEFEE; 
		padding-top: 30px;
    overflow-y: scroll;
    padding-bottom: 100px;
	}
	.mobile-only .menu1 {
		flex-direction: column;
		position: absolute;
		width: 100%;
		height: auto;
		top: 10%;
		left: -100%;
		background: #fff;
		transition: all 0.2s ease-in-out;
		padding: 0px 20px;
		z-index: 100;
	}
	.mobile-only .menu li,.mobile-only .menu1 li {
		margin-top: 0px;

 
	}
	.mobile-only .logo img {
		 width: 90%; 
		position: relative;
		z-index: 101;
	}
	.mobile-only .menu li a {
		/* padding: 10px; */
		padding: 0;
	}
	.mobile-only .open-menu,
	.mobile-only .close-menu {
		display: block;
	}
	#check:checked~.menu {
		right: 0
	}
	#check:checked~.open-menu {
		opacity: 0;
	}
	#check1:checked~.menu1 {
		left: 0
	}
	#check1:checked~.close-menu {
		opacity: 0;
	}
	#check1:checked~.menu-margin {
		margin-top: 50%;
	}
	.mobile-only  .main-menu{
		padding: 20px 0 14px; min-height: 82px;
	}
}

@media screen and (max-width: 991px) 
{
	#header .container-inner { display: block; width: 100%;}
	.top-menu ul.us-healthcare { display: block; width: 100%;}
	
	.mobile-only .top-menu ul.medical-info { width: 110%; display: block;}  
	.mobile-only .menu1 { background: #3c4242; top: 49px; left: -110%; width: 100%;transition: inherit; z-index: 999;
		border-top: 1px solid rgb(158 176 172 / 32%);
	} 
	.mobile-only .top-menu ul.medical-info li { margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}
    .mobile-only #check1:checked~.menu1 {  
		left: -20px;
		width: 100%;
		display: block;
		right: auto;
		top: 18px;
		padding: 15px 0 15px 0;
	}
	.mobile-only .top-menu .open-menu1 i::before , .mobile-only .top-menu .close-menu1 i::before
	{
	  display: none;
	}
	.mobile-only .top-menu .open-menu1 i::after/*, .mobile-only .top-menu .close-menu1 i::before*/
	{
			content: "";
			background:url(/content/dam/intelligentcontent/brands/pt027-medical-hcp-microsite/en/images/global/dropdown_caret_icon.png);
			background-repeat: no-repeat;
			width: 11px;
			height: 8px;
			position: absolute;
			right: 4px;
			top: 5px;
			transform: rotate(360deg);
			background-size: 11px 8px;
	}
	 .mobile-only .top-menu .open-menu1.open i::after 
	{
			 content: "";
			 background-repeat: no-repeat;
			 width: 11px;
			 height: 8px;
			 transform: rotate(359deg);
			 position: absolute;
			 right: 3px;
			 top: 6px;
			 background:url(/content/dam/intelligentcontent/brands/pt027-medical-hcp-microsite/en/images/global/dropup_caret_icon.png);
			 background-size: 11px 8px;
	}
	.mobile-only .us-healthcare li { max-width: 229px; position: relative;}
	.top-menu ul li,.top-menu ul li a { font-weight: normal;}
}
@media screen and (max-width: 414px) 
{
  .mobile-only .menu { height:100%;}
    .mobile-only .logo img { width: 85%;}
}