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

	.container {
			width: 1060px;
	}
	header .menutop #menuanchor {
		display: none;
	}
	header nav.menu ul li.closemenu {
		display: none;
	}

}

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

	.container{
		width: 96%;
		margin: 0 2%;
		padding: 0;
		overflow: hidden;
	}

	header .logo {
		width: 100%;
		top: 0;
		left: 0;
		padding: 10px;
	}
	header .logo img {
		max-width: 100%;
	}
	header .logo:hover {
		transform: scale(0.9) rotate(-4deg);
	}
	header .wires,
	header .airplane,
	header .finger,
	header .drop,
	header .cockroaches,
	header .mouse,
	header .water {
		display: none;
	}
	header nav.menu {
		width: 100%;
		height: 48px;
		margin: 0 0 0 0;
		position: initial;
	}
	header nav.menu ul {
		position: fixed;
		top: 0;
		left: 0;
		width: 70%;
		height: 100%;
		background: #79bd18;
		z-index: 9999;
		-webkit-transform: translateX(-120%);
		-moz-transform: translateX(-120%);
		-ms-transform: translateX(-120%);
		-o-transform: translateX(-120%);
		transform: translateX(-120%);
		-webkit-filter: opacity(0%);
		filter: opacity(0%);
		visibility: hidden;
	  -webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.menuopen header nav.menu ul {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-filter: opacity(100%);
		filter: opacity(100%);
		visibility: visible;
	}
	header nav.menu ul li {
		width: 100%;
		border-bottom: 1px solid #a2c91e;
	}
	header nav.menu ul li:after {
		display: none;
	}
	header nav.menu ul li.closemenu {
		width: 20px;
		height: 20px;
		background: transparent;
		position: absolute;
		top: 20px;
		right: -36%;
		padding: 0;
		line-height: 15px;
		border: 0;
		font-weight: 700;
		font-family: "Droid Sans Mono", "Andale Mono", Consolas, "Courier New", "Liberation Mono", monospace, "Roboto";
		color: #fff;
		font-size: 30px;
		cursor: pointer;
	}
	header nav.menu #menuAnchor {
		width: 38px;
		height: 38px;
		margin: 5px 10px;
		font-size: 0;
		padding: 5px 0;
	}
	header nav.menu #menuAnchor span {
		background: #fff;
		width: 100%;
		height: 7px;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 4px 0;
		border-radius: 6px;
	}
	body > .closemenu {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 9898;
		width: 100%;
		height: 100%;
		-webkit-filter: opacity(0%);
		filter: opacity(0%);
		visibility: hidden;
	}
	body.menuopen > .closemenu {
		-webkit-filter: opacity(100%);
		filter: opacity(100%);
		visibility: visible;	
	}
	header a.login {
		bottom: 5px;
		right: 5px;
	}

	#adtop {
		width: 96%;
		margin: 0 2%;
		display: none;
	}
	#adtop .widget {
		width: 100%;
		margin: 10px auto 0 auto;
		padding: 4px;
	}
	#adtop img {
		max-width: 100%;
	}

	main {
		margin: 20px 0 0 0;
	}
	main section {
		float: left;
		width: 100%;
	}
	main section .post {
		margin: 0 0 20px 0;
	}
	main section .post .title a,
	main section .post .title h1 {
		font-size: 20px;
		padding: 10px 15px 15px 15px;
		text-shadow: 1px 2px 1px rgba(0,0,0,0.18);
	}
	main section .post .box .infos {
		padding: 6px;
	}
	main section .post .box .infos .left {
		font-size: 11px;
		padding: 0;
	}
	main section .post .box .infos .left img {
		width: 30px;
		height: 30px;
		margin: 1px 8px 0 0;
	}
	main section .post .box .infos .left div {
		font-size: 10px;
	}
	main section .post .box .infos .right {
		padding: 1px;
	}
	main section .post .box .infos .right a {
		height: 28px;
		line-height: 26px;
		padding: 0 6px;
		font-size: 11px;
	}
	main section .post .box .infos .right a:before {
	  font-size: 9px;
	}
	main section .post .box .adspost {
		padding: 15px 0 20px 0;
	}
	main section .post .box .adspost .widget {
		margin: 0;
	}
	main section .post .box .content {
		padding: 0 10px;
	}
	main section .post .box .content p {
		margin: 10px 0;
		font-size: 15px;
	}
	main section .post .box .content img {
		max-width: 100%;
		height: auto;
	}
	main section .post .box .content iframe {
		height: 230px;
	}
	main section .post .box .bottom {
		margin: 10px 0 0 0;
		padding: 8px;
	}
	main section .post .box .bottom .cat {
		display: none;
		left: initial;
		right: 10px;
		margin-left: 0;
	}
	main section .post .box .bottom .right {
		float: left;
		margin: 5px 0 0 0;
	}
	main section .post .box .bottom .right a,
	main section .post .box .bottom .right .vortex-p-like,
	main section .post .box .bottom .right .vortex-p-dislike {
		margin-right: 5px;
		margin-left: 0;
	}
	main section .post .more-link {
		margin: 10px 0 5px auto;
		max-width: 100%;
	}

	main section .wp-pagenavi {
		margin: 5px 0 12px 0;
	}
	main section .wp-pagenavi span, main section .wp-pagenavi a {
		width: 44px;
		height: 44px;
		margin: 0 4px 4px 0;
		line-height: 44px;
		font-size: 16px;
	}
	main section .wp-pagenavi span.extend {
		display: none;
	}
	main section .wp-pagenavi a:hover {
		background: #b9f068;
	}
	main section .wp-pagenavi a.last,
	main section .wp-pagenavi a.first {
		line-height: 42px;
	}

	#adhome .widget {
		margin: 10px auto 25px auto;
	}
	#adhome .mobile {
		display: inline-block;
	}
	#adhome .desktop {
		display: none;
	}

	main aside {
		display: none;
		margin: 0 auto;
		float: none;
		max-width: 100%;
		clear: both;
	}
	main aside .search {
		margin: 0 0 10px 0;
	}
	main aside .widget {
		margin: 0 0 55px 0;
	}
	main aside .categories {
		margin-top: -40px;
	}

	footer {
		margin: 0 0 -30px 0;
	}
	footer .top {
		display: none;
		background-size: cover;
		padding: 0 0 20px 0;
	}
	footer .top .widgets {
		width: 100%;
		padding: 0 15px;
		display: inline-block;
	}
	footer .top .widgets h4 {
		font-size: 20px;
		margin: 20px 0;
	}
	footer .top .widgets li {
		font-size: 14px;
		margin: 5px 0;
	}
	footer .top .widgets a {
		max-width: 100%;
	}
	footer .top .widgets .left {
		text-align: center;
	}
	footer .top .widgets .center {
		display: none;
	}
	footer .top .widgets .right {
		text-align: center;
	}
	footer .bottom .flex {
		display: inline-block;
	}
	footer .bottom .up {
		display: none;
	}
	footer .bottom .up .text {
		padding: 12px 6px 2px 6px;
	}
	footer .bottom .up .social {
		text-align: center;
	}
	footer .bottom .rights {
		font-size: 12px;
		width: 100%;
		padding: 12px 10px;
		text-align: center;
	}
	footer .bottom .center {
		width: 100%;
		font-size: 12px;
		text-align: center;
		padding: 2px 0 12px 0;
	}
	footer .bottom .credit {
		display: none;
		text-align: center;
		padding: 0 0 12px 0;
	}
	footer .corner {
		position: relative;
		left: 0;
		bottom: 0;
		max-width: 100%;
		margin: 30px 0 0 0;
		padding: 0 20px;
	}
	footer .corner .title:after {
		width: 30px;
		height: 28px;
		top: -14px;
		right: initial;
	}
	footer .corner li {
		margin: 2px 1%;
	}

	.arrowNav a {
		transform: scale(0.6);
	}
	.arrowNav a[rel="next"] {
		left: 0;
	}
	.arrowNav a[rel="prev"] {
		right: 0;
	}
	.arrowNav a[rel="next"]:hover {
		left: 0;
	}
	.arrowNav a[rel="prev"]:hover {
		right: 0;
	}

	main .related {
		margin: 0 0 20px 0;
	}
	main .related .titleTop h2 {
		font-size: 18px;
		padding: 12px 15px 0 15px;
	}
	main .related .box .post {
		width: 100%;
		margin: 0;
	}
	main .related .box .post:hover {
		top: 0;
	}
	main .related .box .post .thumb {
		display: none;
	}
	main .related .box .post .title {
		display: inline-block;
		width: 100%;
	}
	main .related .box .post .title a {
		text-align: left;
		background: transparent;
		color: #000;
		text-shadow: none;
		font-size: 14px;
		border-bottom: 1px solid #72b512;
		padding: 12px 5px;
	}
	main .related .box .post:first-child {
		border-top: 1px solid #72b512;
	}
	main .related .box .post .title a:before {
		content: '• ';
		font-size: 18px;
		line-height: 2px;
		position: relative;
		top: 1px;
	}

	main section #comments {
		margin: 0 0 20px 0;
	}
	main section #comments .titleTop h3 {
		font-size: 18px;
		padding: 12px 15px 0 15px;
	}
	main section #comments .comment {
    margin: 10px 0 0 0;
	}

	#loginModal .box {
		width: 94%;
	}
	#loginModal .box .content {
		padding: 12px 14px;
		position: relative;
	}
	#loginModal .box .content form label {
		margin: 0 0 4px 2px;
	}
	#loginModal .box .content form .forgot {
		font-size: 11px;
		margin: 0 6px;
	}
	#loginModal .box .content form .forgot i {
		font-size: 12px;
		margin: 0 2px 0 0;
	}
	#loginModal .box .content form .forgot:hover {
		color: #555;
	}
	#loginModal .box .footer {
		padding: 12px 16px;
		font-size: 12px;
	}


}

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

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