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

	.container{
			width: 1240px;
	}
	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: right;
		margin: 0 20px;
		height: 60px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		display: inline-block;
		font-size: 14px;
		color: #fff;
		font-weight: 700;
		line-height: 20px;
		padding: 0 0 0 0px;
	}
	nav#menu #menuanchor span{
		width: 37px;
		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(1){
		top: 27px;
	}
	nav#menu #menuanchor span:nth-child(3){
		top: 36px;
	}
	.menuopen nav#menu #menuanchor{
		color: #ef8a8a;
	}
	.menuopen nav#menu #menuanchor span:nth-child(1){
		transform: rotate(45deg);
		top: 28px;
		background: #ef8a8a;
	}
	.menuopen nav#menu #menuanchor span:nth-child(3){
		transform: rotate(-45deg);
		top: 28px;
		background: #ef8a8a;
	}
	.menuopen nav#menu #menuanchor span:nth-child(2){
		transform: scale(0);
		background: #ef8a8a;
	}
	nav#menu #catanchor {
		width: auto;
		float: right;
		margin: 0 -10px;
		height: 50px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		display: inline-block;
		font-size: 14px;
		color: #ccc;
		font-weight: 700;
		line-height: 20px;
		padding: 0 0 0 0;
	}
	nav#menu #catanchor span {
		width: 75px;
		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(1) {
		top: 27px;
	}
	nav#menu #catanchor span:nth-child(3) {
		top: 36px;
	}
	.catopen nav#menu #catanchor{
		color: #ef8a8a;
	}
	.catopen nav#menu #catanchor span:nth-child(1){
		transform: rotate(45deg);
		top: 28px;
		background: #ef8a8a;
	}
	.catopen nav#menu #catanchor span:nth-child(3){
		transform: rotate(-45deg);
		top: 28px;
		background: #ef8a8a;
	}
	.catopen nav#menu #catanchor span:nth-child(2){
		transform: scale(0);
		background: #ef8a8a;
	}

	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: 50%;
		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: 100%;
		margin: 5%;
		overflow: hidden;
	}

	main #slider #tchsp{
		padding: 10px 30px 0 20px;
	}
	main #slider #tchsp .buttons{
		z-index: 10;
		background-color: rgba(0,0,0,0.9);
	}
	main #slider #tchsp .buttons.prev{
		left: 10px;
	}
	main #slider #tchsp .buttons.next{
		right: 10px;
	}

	main aside{
		width: 100%;
		margin: 0;
	}
	main aside .widget h3{
		height: 40px;
	}
	main aside .widget .cont{
		padding: 4% 5%;
		border-radius: 5px;
	}
	main aside.left{
		float: right;
	}

	main section.left{
		width: 100%;
	}
	main section.left .right{
		width: 100%;
		float: center;
	}

	main section.left .right .aviso{
		text-align: center;
		padding: 6px 15px 10px 15px;
	}
	main section.left .right .aviso .fav{
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		margin: 14px 0 5px 0;
	}
	main section.left .right .post{
		margin: 0 0 10px 0;
		width: 100%;
		height: auto;
	}
	main section.left .right .post .title{
		margin: 10px 12px;
	}

	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;
	}

	footer{
		margin: 0 0 -50px 0;
	}
	footer .text{
		max-width: 80%;
		margin: 30px 0 0 10%;
		text-align: justify;
	}
	footer .logo{
		width: 70%;
		text-align: center;
		margin: 10px 15% 0 15%;
		transform: scale(1);
	}
	footer .logo img{
		max-width: 100%;
	}

	footer .newsletter{
		width: 80%;
		margin: 20px 10% 0 10%;
		display: inline-block;
		max-width: 100%;
	}
	footer .newsletter input[type="email"], footer .newsletter input[type="submit"]{
		width: 100%;
	}
	footer .newsletter input[type="submit"]{
		width: 50%;
		margin: 8px 0 0 25%;
	}
	footer .newsletter input[type="submit"]:hover, footer .newsletter input[type="submit"]:focus{
		background: #4c8309;
	}
	footer .newsletter p{
		float: left;
		width: 100%;
		max-width: 100%;
	}

	footer .newsletter #contactmodal{
		padding: 16px;
	}
	footer .newsletter #contactmodal strong{
		font-size: 14px;
	}
	footer .newsletter #contactmodal br{
		display: none;
	}

	footer .bottom{
		text-align: center;
	}
	footer .bottom span{
		width: 100%;
		margin: 13px 0 0 0;
	}

	#modalForm{
		width: 100%;
		padding: 0 5%;
	}
	#modalForm .container{
		max-height: 92%;
		overflow-y: auto;
	}

	main.single .widget-single img{
		max-width: 100%;
		height: auto;
	}
	ul.related_post.zem_rp li{
		width: 42%;
		margin: 10px 3%;
		height: 280px;
	}
	ul.related_post.zem_rp li .zem_rp_thumbnail{
		height: 140px;
	}
	ul.related_post.zem_rp li:last-child{
		display: none;
	}

}

/* 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%;
	}
  
  main section.left .right .post{
		margin: 0 0 10px 0;
		width: 50%;
		height: auto;
	}

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

	.container {
		width: 60%;
	}

}

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

	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%;
	}
  
  main section.left .right .post{
		margin: 0 0 10px 0;
		width: 50%;
		height: auto;
	}

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

	.container {
		width: 60%;
	}

}