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

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

}

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

	.container{
			width: 100%;
	}

	header {
		width: 100%;
		background-size: cover;
		position: relative;
	}

	nav#menu #menuanchor{
		width: auto;
		float: left;
		margin: 0 25px;
		height: 60px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		display: inline-block;
		font-size: 14px;
		color: #fff;
		font-weight: 700;
		line-height: 60px;
		padding: 0 0 0 42px;
	}
	nav#menu #menuanchor span{
		width: 30px;
		height: 4px;
		position: absolute;
		top: 18px;
		left: 0;
		background: #fff;
		border-radius: 20px;
		display: inline-block;
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		transition: all .25s linear;
	}
	nav#menu #menuanchor span:nth-child(2){
		top: 27px;
	}
	nav#menu #menuanchor span:nth-child(3){
		top: 36px;
	}
	nav#menu #catanchor {
		width: auto;
		float: right;
		margin: 0 25px;
		height: 60px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		display: inline-block;
		font-size: 14px;
		color: #ccc;
		font-weight: 700;
		line-height: 60px;
		padding: 0 42px 0 0;
	}
	nav#menu #catanchor span {
		width: 30px;
		height: 4px;
		position: absolute;
		top: 18px;
		right: 0;
		background: #ccc;
		border-radius: 20px;
		display: inline-block;
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		transition: all .25s linear;
	}
	nav#menu #catanchor span:nth-child(2) {
		top: 27px;
	}
	nav#menu #catanchor span:nth-child(3) {
		top: 36px;
	}

	nav#menu {
		position: relative;
		z-index: 99;
	}
	nav#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav#menu li {
		display: inline-block;
	}
	nav#menu .primary {
		width: 94%;
		margin: 0 3% 50px 3%;
		height: auto;
		border-radius: 100px;
		z-index: inherit;
	}
	nav#menu .menu-topo,
	nav#menu .menu-category {
		display: inline-block;
		vertical-align: top;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 70%;
		height: 100%;
		background: #151515;
		box-shadow: 0 0 20px rgba(0,0,0,0.3);
		z-index: 90;
		overflow-y: auto;
		transform: translateX(-120%);
		-o-transform: translateX(-120%);
		-ms-transform: translateX(-120%);
		-moz-transform: translateX(-120%);
		-webkit-transform: translateX(-120%);
	}
	nav#menu .menu-category {
		background: #2a2a2a;
	}
	nav#menu .menu-topo ul,
	nav#menu .menu-category ul {
		padding: 0;
	}
	nav#menu .menu-topo li,
	nav#menu .menu-category li {
		width: 100%;
		border-right: 0;
		border-left: 0;
		border-bottom: 1px dotted #777;
		text-align: center;
	}
	nav#menu .menu-topo a,
	nav#menu .menu-category a {
		width: 100%;
		padding: 18px 0;
		display: inline-block;
		vertical-align: top;
	}
	nav#menu .menu-category ul:before, 
	nav#menu .menu-category ul:after {
		display: none;
	}
	.menuopen nav#menu .menu-topo,
	.catopen nav#menu .menu-category {
		transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-webkit-transform: translateX(0%);
	}
	#closemenu {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 8;
		background: rgba(0,0,0,0.7);
		top: 0;
		left: 0;
		visibility: hidden;
		filter: opacity(0%);
		-webkit-filter: opacity(0%);
	}
	.menuopen #closemenu,
	.catopen #closemenu {
		visibility: visible;
		filter: opacity(100%);
		-webkit-filter: opacity(100%);
	}

	nav#menu .primary .search {
		width: 90%;
		margin: 0 5%;
		position: absolute;
		bottom: -45px;
	}
	nav#menu .primary .search input {
		height: 36px;
	}

	main {
		width: 96%;
		margin: 0 0 0 2%;
		padding: 10px;
	}
	section {
		width: 100%;
		overflow: hidden;
	}

	section .posts {
		float: right;
		width: 100%;
	}
	section .post {
		margin: 0 0 5% 0;
		padding: 14px;
	}
	section .post .title {
	  margin: -2px 0 0 0;
	  padding: 0 8px 12px 8px;
	}
	section .post .title a,
	section .post .title h1 {
		font-size: 15px;
	}
	section .post .content {
		padding: 10px 0 0 0;
	}
	section .post .content p {
		font-size: 14px;
	}
	section .post .content .separator {
		clear: both;
		width: 100%;
		text-align: center;
		margin: 0 0 10px 0 !important;
	}

	aside, 
	section aside.left, 
	section aside.right {
		max-width: 100%;
		margin: 5px auto;
		float: none;
		clear: both;
	}
	aside .widget img{
		max-width: 100%;
	}
	aside .widget .textwidget{
		font-size: 14px;
	}

	.wp-pagenavi{
		margin: 0 0 5% 0;
		padding: 14px;
	}
	.wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi span.extend, .wp-pagenavi span.pages {
		font-size: 16px;
		line-height: 35px;
		width: 35px;
		height: 35px;
	}
	.wp-pagenavi span.pages{
		width: auto;
		font-size: 12px;
		padding: 0 12px;
	}

	footer {
		background-size: cover;
		margin: 0 0 -50px 0;
	}
	footer .logo {
		margin: 20px 0;
	}
	footer .bottom{
		font-size: 12px;
		padding: 16px;
		line-height: 160%;
    background-size: contain;
	}




	#comments{
		margin: 0 0 10px 0;
	}
	#related{
		margin: 0 0 15px 0;
	}
	#related .post,
	#related .post:nth-child(3n+3){
		width: 45%;
		margin: 2%;
	}
	#related .post .title{
		font-size: 13px;
		height: 100px;
		line-height: 150%;
		overflow: hidden;
	}

}

/* MOBILE FIX */
@media screen and (min-width: 412px) and (max-width: 769px) {

	header .man {
    transform: scale(0.45);
    left: -16%;
    margin: 12px 0;
	}

}

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

	header .man {
		transform: scale(0.6);
		left: -10%;
		margin: -17px 10px;
	}
	header .taxi {
		display: inline-block;
		transform: scale(0.45);
		margin: -5px 10px;
		position: absolute;
		top: 0;
		left: 50%;
	}

	nav#menu .mobile {
		width: 40%;
	}

	.container {
		width: 60%;
	}

}

/* TABLET FIX */
@media screen and (min-width: 768px) and (max-width: 1012px) {

	.container {
		width: 80%;
	}

}