@media (min-width: 992px) {
	#tptnmobilemenu{display: none;}
}	

@media (max-width: 991px) { 
 
	#tptnmobilemenu{color: #fff;
		position:absolute;
		left:15px;
	}
	#tptnmobilemenu .toggler{p::first-letter { 
     font-size: 200%;
     color: #fff;
} background: #003082;
		color: #fff;
		cursor: pointer;
		float: right;
		font-size: 21px;
		text-align: center;
		height: 45px;
		line-height: 45px; 
		width: 45px;
	}
	#tptnmobilemenu .toggler:after{font-family: "FontAwesome"; content: "\f0c9";} 
	#tptnmobilemenu .toggler.active:after{content: "\f00d";}
	#tptnmobilemenu .toggler.active{color: #fff;}
	.mobilemenu{color: #fff;
		background: #333333;
		border-left: 1px solid #333333;
		border-right: 1px solid #333333;
		position: absolute;
		left: 0;
		width: 300px;
		z-index: 101;
	}
	.mobilemenu, .mobilemenu ul{list-style: none;color: #fff;}
	.mobilemenu,
	.mobilemenu .category-thumbnail{display:none;}
	.mobilemenu a {color: #fff;
		border-bottom: 10px solid #333333;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		padding:10px;
		display: block;
	}
	.mobilemenu a:hover {text-decoration:none;}
	.mobilemenu ul li a {padding-left:20px;}
	.mobilemenu ul ul li a {padding-left:30px;}
	.mobilemenu .tglr {
		color: #fff;
		font-size: 14px;
		cursor: pointer;
		float: right;
		padding: 12px 10px 10px;
	}

}