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

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

}

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

	.container{
			width: 100%;
	}

	header {
		background-size: cover;
	}
	header .row {
		padding: 10px 0 0 0;
	}
	header .m1 {
		display: none
	}
	header .logo {
		max-width: 100%;
		padding: 0 15%;
		margin: 20px 0;
	}
	header .logo img {
		max-width: 100%;
	}
	header .m2 {
		display: none;
	}

	/* MENU */
	nav#menu {
		height: auto;
		flex-wrap: wrap;
		border-radius: 0;
	}
	nav#menu #menuanchor {
		width: 32px;
		height: 25px;
		margin: 0 10px;
		position: relative;
	}
	nav#menu #menuanchor span {
		width: 100%;
		height: 5px;
		background: #000;
		position: absolute;
		border-radius: 50px;
	}
	nav#menu #menuanchor span:nth-child(1) {
		top: 0;
	}
	nav#menu #menuanchor span:nth-child(2) {
		top: 10px;
	}
	nav#menu #menuanchor span:nth-child(3) {
		top: 20px;
	}
	nav#menu .menu {
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		background: rgba(0,0,0,0.60);
		visibility: hidden;
		-webkit-filter: opacity(0%);
		filter: opacity(0%);
	}
	.menuopen nav#menu .menu {
		visibility: visible;
		-webkit-filter: opacity(100%);
		filter: opacity(100%);
	}
	nav#menu .menu ul {
		width: 70%;
		height: 100%;
		margin: 0;
		background: #f3ce23;
		box-shadow: 0 0 20px rgba(0,0,0,0.35);
		-webkit-transform: translateX(-120%);
		-moz-transform: translateX(-120%);
		-ms-transform: translateX(-120%);
		-o-transform: translateX(-120%);
		transform: translateX(-120%);
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.menuopen nav#menu .menu ul {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
	nav#menu .menu li {
		width: 100%;
		text-align: center;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	nav#menu .menu a {
		display: inline-block;
		padding: 14px;
		color: #1e2c3a;
	}
	nav#menu .menu .closemenu {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 30px;
		color: #fff;
		font-weight: 900;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	nav#menu .menu .closemenu:before {
		content: '';
		width: 6px;
		height: 30px;
		background: #fff;
		transform: rotate(45deg);
		position: absolute;
		border-radius: 8px;
	}
	nav#menu .menu .closemenu:after {
		content: '';
		width: 6px;
		height: 30px;
		background: #fff;
		transform: rotate(-45deg);
		position: absolute;
		border-radius: 8px;
	}
	nav#menu .social {
		padding: 12px;
	}
	nav#menu #search{
		width: 100%;
	}
	nav#menu #search:before {
		display: none;
	}
	nav#menu #search input{
		min-width: 160px;
		height: 44px;
		padding: 0 70px 0 16px;
	}
	nav#menu #search button {
		height: 44px;
		width: 50px;
	}
	.menu-cats ul {
		padding: 10px 2%;
		font-size: 0;
	}
	.menu-cats ul li {
		margin: 2px;
	}
	.menu-cats ul li a {
		background: #d8d8d8;
		padding: 5px 8px;
		border-radius: 4px;
		font-size: 13px;
	}
	.banTop {
		padding: 0 3%;
		margin: 10px 0 0 0;
	}
	.banTop img {
		max-width: 100%;
	}

	/* MAIN CONTENT */
	main {
		margin: 10px 0 0 0;
		padding: 4px 4%;
		flex-wrap: wrap;
	}
	section {
		width: 100%;
	}
	section .post {
		margin: 0 0 25px 0;
	}
	section .post .title h1,
	section .post .title a {
		font-size: 18px;
	}
	section .post .info {
		font-size: 12px;
		margin: 3px 0 8px 0;
	}
	section .post .content {
		padding: 10px;
	}
	section .post .content p {
		font-size: 14px;
	}
	section .post .content iframe {
		max-width: 100%;
		height: 200px;
	}
	section .post .content .more-link {
		margin: 10px auto 0 auto;
	}
	section .post .bottom .social {
		padding: 6px;
	}
	section .post .bottom .social > * {
		margin: 0 2px 4px 2px;
	}
	section .post .bottom .bg {
		padding: 0 6px 0 6px;
	}
	section .post .bottom .bg img {
		border: 4px solid #fff;
		margin: -16px;
		top: 10px;
		width: 80px;
		height: 80px;
	}
	section .post .bottom .infos {
		flex: 1;
		margin: 10px 0 0 26px;
	}
	section .post .bottom .infos .ballon {
		font-size: 14px;
		height: auto;
		min-height: 44px;
	}
	section .post .bottom .infos .row {
		font-size: 13px;
		padding: 2px;
		margin: 4px 0;
	}
	section .post .bottom .infos .row .author {
		display: none;
	}
	section .post .bottom .infos .row .comments span {
		font-weight: 700;
	}
	section .post .banPost {
		margin: 0 auto 10px auto;
	}
	section .post .banPost > * {
		margin: 0 5px;
	}
	section .banSect {
		padding: 5px;
		margin: 0 0 20px 0;
	}
	section .banSect img {
		max-width: 100%;
	}
	aside {
		width: 300px;
		margin: 0 auto;
      	display: none;
	}
	aside .widget {
		margin: 0 0 16px 0;
	}
	aside .widget h3 {
		font-size: 16px;
	}
	#adfix {
		-webkit-transition: all 0ms linear;
		-moz-transition: all 0ms linear;
		-ms-transition: all 0ms linear;
		transition: all 0ms linear;
	}
	.wp-pagenavi {
		margin: 5px 0;
	}
	.wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi span.extend {
		font-size: 20px;
		border-radius: 12px;
		line-height: 46px;
		width: 48px;
		height: 48px;
		margin: 0 5px 5px 0;
	}

	/* ARROW NAV */
	.arrowNav {
		position: fixed;
		top: 50%;
	}
	.arrowNav a {
		background: #979da5;
		padding: 15px 0;
		width: 28px;
		-webkit-filter: opacity(80%);
		filter: opacity(80%);
	}
	.arrowNav.arrowLeft a {
		border-radius: 0 6px 6px 0;
	}
	.arrowNav.arrowRight a {
		border-radius: 6px 0 0 6px;
	}
	.arrowNav span {
		display: inline-block;
		min-width: 12px;
		min-height: 12px;
		width: 12px;
		height: 12px;
		border-width: 3px 3px 0 0;
		border-style: solid;
		border-color: #fff;
		border-radius: 3px;
		margin: 0;
	}
	.arrowNav a div {
		display: none;
	}
	.arrowNav.arrowLeft,
	.arrowNav.arrowLeft:hover {
		left: 0;
	}
	.arrowNav.arrowRight,
	.arrowNav.arrowRight:hover {
		right: 0;
	}
	.arrowNav.arrowLeft span {
		margin-left: 11px;
	}
	.arrowNav.arrowRight span {
		margin-left: 6px;
	}
	#toTop {
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
	}
	#toTop:before {
		content: '';
		width: 8px;
		height: 8px;
		border-width: 4px 4px 0 0;
		margin: 5px 0 0 0;
	}

	/* FOOTER */
	footer {
		margin: 15px 0 -50px 0;
		font-size: 13px;
	}
	footer .bansFooter {
		flex-wrap: wrap;
		padding: 0;
	}
	footer .bansFooter > div {
		padding: 5px;
	}
	footer .top {
		margin: 20px 0 0 0;
	}
	footer .top img {
		margin: 30px 0;
	}
	footer .middle .social a,
	footer .middle .social div {
		padding: 20px 14px;
		font-size: 20px;
	}
	footer .bottom {
		padding: 20px 15%;
		font-size: 11px;
	}
	footer .bottom .alan {
		width: 75px;
		height: 15px;
		position: relative;
		right: 0;
		top: 0;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
		margin: 15px 0 0 0;
	}

	/* SINGLE */
	#commentbox {
		width: 100%;
		background: #fff;
		margin: 0 0 20px 0;
		padding: 0;
		display: inline-block;
		position: relative;
		z-index: 5;
	}
	#commentbox .title {
		border-top: 2px solid #eee;
		border-bottom: 5px solid #3b579a;
		width: 100%;
		margin: 0 0 6px 0;
		position: relative;
	}
	#commentbox .title h2 {
		font-size: 18px;
		font-weight: 700;
		color: #3b579a;
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 14px 20px 16px 20px;
	}
	#commentbox .content {
		padding: 5px 10px;
		margin: 0;
		width: 100%;
	}

	/* RELATED */
	#related {
		width: 100%;
		margin: 0 0 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#related .post {
		padding: 0;
		width: 32%;
		height: auto;
		vertical-align: top;
		overflow: hidden;
		background: #fff;
		border-bottom: 2px solid #dedede;
		margin: 0 0 15px 0;
	}
	#related .post:nth-child(3n+3) {
		margin-right: 0;
	}
	#related .post .thumb {
		width: 100%;
		height: auto;
		position: relative;
		padding-top: 65%;
	}
	#related .post .thumb .img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	#related .post .title {
		border-top-width: 3px;
		font-size: 15px;
		margin: 0;
		padding: 0;
		border: 0;
		line-height: 140%;
		font-style: normal;
		width: 100%;
		height: auto;
	}
	#related .post .title a {
		padding: 8px 12px 10px 12px;
		min-height: 84px;
		display: inline-block;
		vertical-align: top;
	}
	#related .post .title a span {
		font-size: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		line-height: 20px;
		max-height: 60px;
	}

	.partner{
		font-size: 0;
	}
	.partner img{
		margin: 0;
		display: inline-block;
		width: 25%;
	}
	.partner:hover img{
		-webkit-filter: grayscale(100%) opacity(60%);
		filter: grayscale(100%) opacity(60%);
	}
	.partner:hover img:hover{
		-webkit-filter: grayscale(0%) opacity(100%);
		filter: grayscale(0%) opacity(100%);
	}











}

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

	.container {
		width: 60%;
	}

}

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

	.container {
		width: 80%;
	}

}