.belldropdown.dropdown {
    position: relative;
    display: inline-block;
}

.belldropdown > img{
	margin-left:10px;
	cursor: pointer;
	width: 32px;
    margin-top: -3px;
}
header.nav-header .middleContainer ul.menu li:nth-child(9){
	width:auto !important;
	margin-left: auto !important;
    background-position-y: 6px !important;
}

.belldropdown{
	margin-left: 30px !important;
    margin-top: -5px;
}
.belldropdown-ipad{
	margin-left: -79px !important;
    margin-top: -5px;
}
.belldropdown .dropdown-content {
    display: none;
    position: absolute;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
	padding: 0px;
	top: 15px;
	left:10px;
	min-width: 330px;

}
.belldropdown .dropdown-content > li{
	list-style-type:none;
	background-color: #f3f3f3;
	width: auto;
    text-align: left;
    display: block;
    clear: both;
	margin: 0px;
	border-bottom: 1px solid black;
	font-size:14px;
	text-indent:0px;
}

.notification-div {
	background-color: #053c6d;
	text-transform:uppercase;
	padding:5px 10px;
	text-align:left;
	color:#fff;
	font-weight:700;
}
.belldropdown .dropdown-content > li:last-child{
	margin-left:0px !important;
	border:none;
}

.belldropdown .dropdown-content > li h2{
	color:white;
	font-size: 16px;
	margin:0px;
}
.belldropdown .media {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items:center;
	padding: 5px 10px !important;
}
.belldropdown .media-content {
	
	-ms-flex: 1;
    flex: 1;
}
.belldropdown .media-content > a > h4, .belldropdown .media-content > a > p{
	margin:0px;
	color: #000 !important;
}
.belldropdown .media-content > a > h4{
	font-size:14px;
}
.belldropdown .media-content > a > p{
	font-size:13px;
}
.belldropdown .media img{
	padding-right: 10px;
    width: 40px;
	cursor:pointer;
}
.belldropdown .media-content .btn{
	height: 25px !important;
    line-height: 25px;
    padding: 0px 10px;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 0px !important;
}
.belldropdown .show {display: block;}

/*****************************/
/*** Responsive Css **********/
/*****************************/
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen 
  and (max-device-width: 980px) {
	.belldropdown.dropdown{
		position: initial !important;
		float: right;
		margin-right: 80px;
		margin-top:0px;
	}
	.belldropdown .dropdown-content{
		right: 0px;
		width: 100%;
		left: 0px !important;
		top: 32px;
	}
	.belldropdown .dropdown-content > li{
		width:auto !important;
	}
}
@media only screen and (min-device-width: 981px) and (max-device-width: 1024px) {
	header.nav-header .middleContainer ul.menu li:nth-child(10) a{
		padding-left:5px !important;
	}
	header.nav-header .middleContainer.updated-header .menu{
		width:auto;
	}
}
@media only screen and (min-device-width: 300px) and (max-device-width: 359px) {
	.belldropdown.dropdown{
		margin-right: 60px;
	}
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
  	.belldropdown.dropdown {position:absolute;margin-left:26px!important;}
    .belldropdown > img {margin-left: 0; margin-right: 0}
	.belldropdown .dropdown-content {left: -41px;}
  }