/* DESKTOP */
@media screen and (min-width: 1161px) {

	.container{
			width: 1150px;
	}
	header #menuanchor{
		display: none;
	}
	
}

/* MOBILE & TABLET */
@media screen and (max-width: 1160px) {

	.container {
		width: 100%;
	}

	header .search {
		width: 100%;
		height: 47px;
		padding: 0 10px;
		border-bottom: 1px solid rgb(128,255,48);
		background: rgb(128,255,48);
		background: -moz-linear-gradient(top, rgba(128,255,48,1) 0%, rgba(64,136,24,1) 100%);
		background: -webkit-linear-gradient(top, rgba(128,255,48,1) 0%,rgba(64,136,24,1) 100%);
		background: linear-gradient(to bottom, rgba(128,255,48,1) 0%,rgba(64,136,24,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ff30', endColorstr='#408818',GradientType=0 );
	}
	header .search:before {
		content: '';
		width: 100%;
		height: 100%;
		background: url(../img/repeat.png);
		position: absolute;
		z-index: 1;
		border-radius: 5px;
		top: 0;
		left: 0;
	}
	header .search input {
		width: 100%;
		height: 30px;
		background: #000;
		margin: 8px 0 0 0;
		position: relative;
		z-index: 4;
		padding: 0 65px 0 8px;
	}
	header .search button,
	header .search button:hover {
		border: 1px solid rgb(26,169,246);
		background: rgb(26,169,246);
		background: -moz-linear-gradient(top, rgba(26,169,246,1) 0%, rgba(13,86,125,1) 100%);
		background: -webkit-linear-gradient(top, rgba(26,169,246,1) 0%,rgba(13,86,125,1) 100%);
		background: linear-gradient(to bottom, rgba(26,169,246,1) 0%,rgba(13,86,125,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa9f6', endColorstr='#0d567d',GradientType=0 );
		height: 24px;
		z-index: 5;
		top: 11px;
		right: 13px;
	}
	header .logo {
		padding: 0 10%;
	}
	header .logo img {
		max-width: 100%;
	}
	header #menu {
		width: 100%;
		height: auto;
		display: inline-block;
		vertical-align: top;
		border-radius: 30px;
		margin: 10px auto 0 0;
		border: 1px solid rgb(128,255,48,1);
	}
	header #menuanchor{
		width: 36px;
		margin: 15px;
		float: left;
		padding: 0;
		height: 28px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}
	header #menuanchor span{
		width: 36px;
		height: 5px;
		position: absolute;
		top: 0;
		right: 0;
		background: #fff;
		border-radius: 8px;
		display: inline-block;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	header #menuanchor span:nth-child(2){
		top: 11px;
	}
	header #menuanchor span:nth-child(3){
		top: 22px;
	}

	header #menuarrow {
		float: right;
		width: 36px;
		margin: 15px 20px;
		padding: 0;
		height: 28px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}
	header #menuarrow span{
		width: 16px;
		height: 5px;
		position: absolute;
		top: 11px;
		right: 0;
		background: #fff;
		border-radius: 8px;
		display: inline-block;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	header #menuarrow span:nth-child(1){
		transform: rotate(45deg);
		right: 9px;
	}
	header #menuarrow span:nth-child(2){
		transform: rotate(-45deg);
	}
	.menumobile header #menuarrow span:nth-child(1){
		right: 2px;
	}
	.menumobile header #menuarrow span:nth-child(2){
		right: 2px;
	}

	header #menu ul {
		max-height: 0;
		overflow: hidden;
		display: block;
		width: 100%;
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.menumobile header #menu ul {
		max-height: 500px;
	}
	header #menu ul > li {
		width: 100%;
		border-top: 1px solid rgba(128,255,48);
		filter: opacity(0%);
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.menumobile header #menu ul > li {
		filter: opacity(100%)
	}
	header #menu ul > li:first-child {
		display: none;
	}
	header #menu a {
		line-height: 22px;
		padding: 12px;
		font-size: 13px;
	}

	header #categories > ul {
		width: 82%;
	}
	header #categories ul li {
		font-size: 14px;
	}
	header #categories ul li a {
		padding: 14px 20px;
	}
	header #categories ul li .logo img {
		max-height: 95px;
	}
	header #categories > ul > li.menu-item-has-children > ul li {
		font-size: 12px;
	}
	header #categories > ul > li.menu-item-has-children > ul li a {
		padding: 14px 30px;
	}

	main {
		margin: 0;
		padding: 14px;
		border-radius: 0;
	}
	main:before,
	main:after {
		display: none;
	}
	main .titleGeral {
		margin: 20px 0;
	}
	main .titleGeral h1,
	main .titleGeral h2,
	main .titleGeral h3,
	main .titleGeral h4 {
		font-size: 16px;
	}
	main .titleGeral a.all {
		width: 100%;
		border-left: 0;
		font-size: 12px;
		padding: 0;
		margin: 8px 0;
	}

	main .post,
	main .post.last {
		margin: 10px 10px 20px 0;
		padding: 5px;
		width: 48%;
		width: calc(50% - 5px);
	}
	main .post:nth-child(odd) {
		margin: 10px 0 20px 0 !important;
	}
	main .post .title {
        margin: 10px -9px;
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        line-height: 130%;
	}
	main .post img {width: 100%; height: 100%;}
	
	.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
}

	main #slidetop .post {
		margin: 0 !important;
		padding: 4px;
		width: 100%;
	}
	main #slidetop .post .thumb {
		width: 100%;
        height: 290px;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 4px;
        position: relative;
        z-index: 2;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
	}
	main #slidetop .post .thumb .tag,
	main #slidetop .post .comments {
		display: none;
	}
	main #slidetop .owl-dots {
		margin: 12px 0 0 0;
	}
	main #slidetop .owl-dots .owl-dot {
		margin: 0 3px;
	}
	
	main .wp-pagenavi {
		margin-top: 3%;
		padding: 0 5%;
	}
	main .wp-pagenavi span, main .wp-pagenavi a {
		margin: 0 2px 2px 2px;
		font-size: 16px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	main .wp-pagenavi span.pages{
		display: none;
	}

	footer {
		margin: 10px 0 -50px 0;
	}
	footer .logo {
		margin: 0;
		padding: 0 20%;
	}
	footer .logo img {
		max-width: 100%;
	}
	footer .text {
		font-size: 11px;
		margin: 15px 0;
		padding: 0 10%;
	}
	footer .text span {
		color: #7de92f;
	}
	footer .text a {
		color: #00a1ff;
	}

	/* POST SINGLE */
	main.single {
		padding: 14px;
	}
	main.single section {
		width: 100%;
	}
	main.single section div.right {
		width: 100%;
	}
	main.single article {
		margin: 0 0 10px 0;
        padding: 20px;
        border: 1px solid #0c0c0c;
        box-shadow: inset 0 0 12px 4px rgba(0,0,0,0.88);
        background: #fff;
        border-radius: 10px;
	}
	main.single article .title {
		margin: -2px 0 0 0;
		text-align: center;
		padding: 0 6px 12px 6px;
	}
	main.single article .title a,
	main.single article .title h1 {
		font-size: 14px;
	}
	main.single article .title .category {
		margin: 8px 0 0 0;
	}
	main.single article .title .category a {
		font-size: 11px;
		padding: 2px 4px;
	}
	main.single article .content {
		padding: 12px 0 0 0;
	}
	main.single article .content p {
		font-size: 13px;
	}

	main.single .related {
		margin: 4px 0 14px 0;
	}

	#comments{
		width: 100%;
 		margin: 0 0 14px 0;
		padding: 12px;
	}
	#comments h3{
		margin: -2px 0 0 0;
		padding: 0 6px 12px 6px;
		font-size: 13px;
	}
	#comments .commentlist{
		font-size: 13px;
	}
	#comments .comment{
		margin: 12px 0 0 0;
	}
	#comments .comment .comment-body{
		padding: 1px 14px;
	}
	#comments .comment .comment-body p{
		margin: 10px 0;
	}

	aside {
		width: 100%;
		text-align: center;
	}
	aside .widget {
		max-width: 220px;
		margin: 0 0 14px 0;
		float: none;
		display: inline-block;
	}

}

/* TABLET */
@media screen and (min-width: 780px) and (max-width: 1280px){

	.container{
         margin: 0 3% 50px 3%;
         border-radius: 100px;
         z-index: inherit;
		 margin: 0 auto;
	}
	header #menuanchor{
		padding-right: 5%;
	}
	header #menu{
         border-radius: 30px;
	}
	ul.wpp-list li, ul.wpp-list li:last-child, main .post, main .post, main .post.last{
		width: 48%;
		background: #ebebeb;
		margin: 5px 2% 15px 0%;
		display: inline-block;
		vertical-align: top;
	}
	main .post, main .post.last{
		min-height: 385px;
	}
	main section.left .right .aviso{
		padding: 21px 30px 25px 30px;
	}

}

@media screen and (min-width: 1000px) and (max-width: 1180px){

	.container{
		width: 60%;
		margin: 0 auto;
	}

}