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

@media (max-width: 1199px) {

	#oscurecer {
		width: 100vw;
    position: fixed;
    background: gray;
    z-index: 999;
    height: 100vh;
    left: 0px;
    opacity: 0;
    top: 0px;
    display: none;
	}
	#tptnmobilemenu{
		position:absolute;
		left:15px;
	}
	#tptnmobilemenu .toggler{
		color: #fff;
		cursor: pointer;
		float: right;
		font-size: 21px;
		text-align: center;
		height: 50px;
		line-height: 50px;
		width: 50px;
		z-index: 9999;
	}
	#tptnmobilemenu .toggler:after{font-family: "FontAwesome"; content: "\f0c9";}
	#tptnmobilemenu .toggler.active:after{content: "\f00d";}
	#tptnmobilemenu .toggler.active{color: #959595;position:absolute;border:1px solid #DDD;background-color:#FFF;}
	.mobilemenu{
		background: #fff;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		position: absolute;
		left: 0;
		top:50px;
		width: 245px;
		max-width: 400px;
		width: calc(95vw - 30px);
		z-index: 9999;
	}
	.mobilemenu, .mobilemenu ul{list-style: none;}
	.mobilemenu,
	.mobilemenu .category-thumbnail{display:none;}
	.mobilemenu a {
		border-bottom: 1px solid #ddd;
		padding:10px;
		display: block;
		padding-right:38px;
	}
	.mobilemenu a:hover {text-decoration:none;}
	.mobilemenu ul li a {padding-left:20px;}
	.mobilemenu ul ul li a {padding-left:30px;}
	.mobilemenu .tglr {
		color: #959595;
		font-size: 14px;
		cursor: pointer;
		float: right;
		padding: 12px 12px 9px;
		background-color: transparent;
		width: 100%;
		text-align: right;
		position: absolute;
	}
	.mobilemenu	> li > a, .mobilemenu > li > ul > li > a {
		text-transform: uppercase;
	}
	.mobilemenu > li > ul > li > i {
		padding-right: 24px !important;
	}
	.mobilemenu > li li li i {
		display: none;
	}

}