/*=========CSS for media queries ONLY========*/

/*---------XTRA SMALL screen-----------*/
@media screen and (max-width: 767px) {
	.responsive-font{
		font-size: 14px;
		vertical-align: super;
		padding-left: 10px;
	}

	.sub-container{
		margin-bottom: 10px;
		padding: 0 10px 30px;
	}

	.sub-container h1, .main_heading{
		font-size: 1.3em;
	}

	.tooltip-body{
		font-size: 13px;
	}

	.notify p{
		font-size: 12px;
	}

	.notice, .mp-error{
		font-size: 14px;
	}

	.mp-notification-menu {
		width: 95%;
	}
}

/*---------SMALL screen-----------*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	.responsive-font{
		font-size: 14px;
		vertical-align: super;
		padding-left: 10px;
	}

	.header_logo{
		margin-top: 6px;
	}
	.header_logo a, .header_logo a:active, .header_logo a:visited{
		font-size: 2em !important;
	}

	.header_logo a span{
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.navbar-tab a{
		font-size: 15px !important;
		padding: 16px 10px 20px !important;
	}

	.tooltip-body{
		font-size: 13px;
	}

	.notify p{
		font-size: 14px;
	}

	.mp-notification-menu {
		width: 40%;
	}
}

/*---------MEDIUM screen-----------*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.responsive-font{
		font-size: 12px;
		vertical-align: super;
	}

	.notify p{
		font-size: 13px;
	}

	.mp-notification-menu {
		width: 25%;
	}
}

/*---------LARGE screen-----------*/
@media screen and (min-width: 1200px) {
	.responsive-font{
		font-size: 15px;
		vertical-align: super;
		padding-left: 10px;
	}

	.notify p{
		font-size: 15px;
	}

	.mp-notification-menu {
		width: 25%;
	}
}

/*=========CSS for media queries ONLY========*/