/*
Theme Name: MrMen
Layout: Responsive
*/
.blog-news img, .news-wrap img {
	height: auto !important;
}

@media print {
	.no-print {
		display: none;
	}
	.act-wrap {
		margin-top: -50px !important;
	}
}

@media ( min-width : 1199px) {
	.news-carousel img {
		object-fit: cover;
		height: 274px;
	}
	.news-carousel .entry-overlay {
		top: 25px;
		left: 25px;
		text-align: center;
		width: 224px;
		height: 224px;
	}
	.news-carousel .entry-overlay a {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -112px 0 0 -112px;
		vertical-align: text-top;
	}
	#menu-nav-menu {
		margin-left: -140px;
	}
}

@media ( max-width : 1199px) {
	.promotion h3 {
		font-size: 20px;
	}
	.promotion>span {
		font-size: 15px;
	}
}

@media ( min-width : 992px) {
	#masthead {
		height: 240px;
	}
	#masthead>.container {
		height: 160px;
	}
	#masthead .site-title {
		margin: 30px 0;
		padding: 30px 0;
		display: inline-block;
	}
	.main-navigation>div {
		display: block;
		height: 78px;
		width: 1140px;
		text-align: center;
	}
	.main-navigation>div>ul {
		display: inline-block;
		float: none;
		width: auto;
		text-align: left;
	}
	.main-navigation>div>ul>li {
		margin: 0 10px;
	}
	.main-navigation>div>ul>li>a {
		height: 78px;
		font-size: 15px;
		line-height: 78px;
		letter-spacing: 1px;
	}
	.main-navigation ul ul {
		top: 78px;
	}
	.main-navigation ul ul li:hover>a {
		padding-left: 18px;
		background-color: #f9f9f9;
	}
	.admin-bar #masthead.sticky-header #header-wrap {
		top: 32px;
	}
	.content-wrap {
		padding: 50px 0;
	}
	#colophon .container {
		padding: 0;
		width: 100%;
	}
}

@media ( max-width : 1199px) and (min-width: 992px) {
	#masthead #header-wrap, .main-navigation>div {
		width: 100%;
	}
	#header-wrap {
		width: 940px !important;
	}
	.portfolio-item {
		width: 226px;
	}
	.portfolio-item .portfolio-image, .portfolio-item .portfolio-image img {
		width: 226px;
		height: 170px;
	}
	.post-masonry .post {
		width: 214px;
	}
	.sidebar {
		width: 210px;
	}
	.main-navigation ul li {
		margin: 0px 7px !important;
	}
	.news-carousel img {
		object-fit: cover;
		height: 303px;
	}
	.news-carousel .entry-overlay {
		top: 26px;
		left: 26px;
		text-align: center;
		width: 251px;
		height: 251px;
	}
	.news-carousel .entry-overlay a {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -125px 0 0 -125px;
		vertical-align: text-top;
	}
	.dropper {
		margin-top: 30px !important;
	}
	.instagram-link img {
		object-fit: cover;
		width: 100%;
		height: 150px;
	}
	#menu-nav-menu {
		margin-left: -100px;
	}
	.link-wrap {
		width: 226px;
		height: 226px;
		max-width: 226px;
		max-height: 226px;
	}
}

@media ( max-width : 991px) {
	.site-title {
		padding: 15px 0;
		margin: 15px 0;
	}
	#masthead #header-wrap {
		min-height: 60px;
		margin-top: -10px;
		width: 740px;
	}
	#main-navigation-trigger {
		opacity: 1;
		pointer-events: auto;
		top: 20px;
		right: 0;
		margin-top: 0;
	}
	.main-navigation>div>ul {
		display: none;
		margin-top: 0px !important;
	}
	.main-navigation ul {
		height: auto !important;
	}
	.main-navigation ul ul {
		position: relative;
		width: auto;
		border: 0;
		box-shadow: none;
		border-top: 1px solid #eee;
		top: 0 !important;
		padding-left: 15px;
	}
	.main-navigation ul ul ul {
		top: 0 !important;
		left: 0;
	}
	.main-navigation ul li {
		float: none;
		margin: 0 !important;
		text-align: left !important;
		border-top: 1px solid #eee;
		padding-left: 20px;
	}
	.main-navigation ul li:first-child {
		border-top: 0;
	}
	.main-navigation ul>li>a {
		height: 50px !important;
		line-height: 50px !important;
		padding: 0 5px !important;
	}
	.main-navigation ul>li.menu-item-has-children>a, .main-navigation ul>li.menu-item-has-children>a:hover
		{
		background-repeat: no-repeat;
		background-position: right center;
	}
	.main-navigation ul.mobile-menu li a.submenu-trigger {
		position: absolute;
		top: 0;
		right: 0;
		width: 32px;
		text-align: center;
	}
	.portfolio-item {
		width: 232px;
	}
	.portfolio-item .portfolio-image, .portfolio-item .portfolio-image img {
		width: 232px;
		height: 175px;
	}
	.promotion {
		padding: 30px 20px;
	}
	.promotion a.button {
		position: relative;
		left: 0;
		margin: 20px 0 0;
	}
	.post-masonry .post {
		width: 226px;
		margin-right: 20px;
	}
	.sidebar {
		width: 100%;
		float: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#header-wrap {
		position: relative !important;
	}
	.logo2 {
		position: relative !important;
	}
	.logo {
		float: none;
	}
	.logo-img {
		height: 60px !important;
		width: auto !important;
		padding: 10px;
		margin-left: 0px;
		margin-top: 15px;
	}
	.nosey {
		margin-right: 60px;
		margin-top: -38px;
	}
	.nosey-img {
		height: 50px !important;
	}
	#menu-nav-menu {
		margin-left: 0px;
		float: none;
		border-bottom: 3px solid #000;
	}
	.social2 {
		display: none;
	}
	.character-image {
		height: auto;
		/* background: green; */
	}
	.book-area {
		margin-top: 0px !important;
	}
	.news-carousel img {
		object-fit: cover;
		height: 350px;
	}
	.news-carousel .entry-overlay {
		top: 25px;
		left: 25px;
		text-align: center;
		width: 300px;
		height: 300px;
	}
	.news-carousel .entry-overlay a {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -150px 0 0 -150px;
		vertical-align: text-top;
	}
	.dropper {
		margin-top: 50px !important;
	}
	.social {
		margin-top: -10px;
	}
}

@media ( max-width : 991px) and (min-width: 768px) {
	.portfolio-meta li span {
		width: auto;
	}
	.sidebar-widgets-wrap {
		margin: 0 -38px -30px 0;
	}
	.widget {
		display: inline-block;
		vertical-align: top;
		float: none;
		width: 340px;
		margin: 0 37px 40px 0;
		padding-top: 0;
		border-top: 0;
	}
	.instagram-link img {
		object-fit: cover;
		width: 100%;
		height: 170px;
	}
	.link-wrap {
		width: 216px;
		height: 216px;
		max-width: 216px;
		max-height: 216px;
	}
}

@media ( max-width : 783px) {
	.admin-bar #masthead.site-header {
		margin-top: 46px;
	}
}

@media ( max-width : 768px) {
	/* CHARACTER PAGES */
	.character-words {
		padding: 0px 5px;
	}
	.character-title {
		margin-top: 10px !important;
	}
	.character-subtitle {
		padding: 0px 5px;
	}
	.fact-image {
		padding: 5px 0px;
	}
	.character-area {
		margin-top: -20px;
	}
}

@media ( max-width : 767px) {
	.col-1_2, .col-1_3, .col-2_5, .col-3_5 {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 50px !important;
	}
	.heading-block h1 {
		font-size: 30px;
	}
	#portfolio-ajax-title {
		text-align: center;
	}
	#portfolio-navigation {
		position: relative;
		display: inline-block;
		margin: 0 0 -7px;
	}
	.post-masonry {
		margin-right: 0;
	}
	.post-masonry .post {
		/* width: 100%; */
		
	}
	.wp-caption-text {
		display: none;
	}
	.site-footer .col-1_2 {
		text-align: center;
	}
	.go-to-top {
		display: none;
	}
	#header-wrap {
		width: auto !important;
	}
	.logo-img {
		margin-left: 15px !important;
	}
	.social .social-img {
		margin-top: 10px;
	}
	.about-intro {
		padding: 60px 20px;
	}
	.jright, .jleft {
		text-align: left;
		padding-left: 100px;
	}
	#about {
		background-image: url('../img/mr-tickle-4.png');
		padding-top: 100px;
		padding-bottom: 250px;
		margin-top: -100px;
		background-position: left;
	}
	.about-image-r, .about-image-l {
		margin-top: 0px !important;
		padding: 10px 0px !important;
	}
	.character-image {
		height: 350px;
		margin-bottom: 50px;
	}
	.character-subtitle {
		padding: 0px 10px;
	}
	.instagram-link img {
		object-fit: cover;
	}
	.link-wrap {
		width: 216px;
		height: 216px;
		max-width: 216px;
		max-height: 216px;
		margin: auto !important
	}
	.mobile-banner {
		display: inline;
	}
	.desktop-banner {
		display: none;
	}
	.mobile-splash {
		display: inline;
	}
	.desktop-splash {
		display: none;
	}
}

@media ( max-width : 767px) and (min-width: 480px) {
	.error-404 {
		font-size: 160px;
	}
}

@media ( max-width : 730px) {
	.news-carousel .entry-overlay {
		position: absolute;
		top: 5%;
		left: 5%;
		text-align: center;
		margin: auto;
		width: 90%;
		height: 90%;
		vertical-align: text-center;
	}
	.news-carousel .entry-overlay a {
		margin: -157px 0 0 -50%;
	}
	.dropper {
		margin-top: 65px !important;
	}
}

@media ( max-width : 600px) {
	.instagram-link img {
		object-fit: cover;
		height: 170px;
	}
}

@media ( max-width : 500px) {
	.instagram-link img {
		object-fit: cover;
		height: 140px;
	}
	.search-form {
		width: 100%;
		margin: 30px auto;
	}
}

@media ( max-width : 479px) {
	.button {
		letter-spacing: 1px;
	}
	.portfolio-item {
		width: 280px;
	}
	.portfolio-item .portfolio-image, .portfolio-item .portfolio-image img {
		width: 280px;
		height: 211px;
	}
	.portfolio-desc {
		height: 100%;
	}
	.portfolio-meta li span {
		width: auto;
	}
	.error-404 {
		font-size: 120px;
	}
	.post-masonry .post {
		width: 100%;
	}
	.join {
		width: 100% !important;
	}
	.news-wrap {
		padding: 30px;
	}
}

@media only screen and (min-resolution: 2dppx) , only screen and
		(min-resolution: 192dpi) , only screen and (min-device-pixel-ratio: 2)
		, only screen and (min--moz-device-pixel-ratio: 2) , only screen and
		(-o-min-device-pixel-ratio: 2/1) , only screen and
	(-webkit-min-device-pixel-ratio: 2) {
	.widget ul li {
		background-image: url("images/widget-link@2x.png");
		background-size: 4px 20px;
	}
}

@media ( max-width : 600px) {
	.online-media {
		height: 250px;
	}
}

@media ( max-width : 500px) {
	.online-media {
		height: 200px;
	}
}

@media ( max-width : 400px) {
	.logo-img {
		max-width: 200% !important;
	}
	.online-media {
		height: 180px;
	}
	.news-carousel img {
		object-fit: cover;
		height: 285px;
	}
	.news-carousel .entry-overlay a {
		margin: -129px 0 0 -50%;
	}
	.dropper {
		margin-top: 45px !important;
	}
	.instagram-link img {
		object-fit: cover;
		height: 120px;
	}
	.category-news {
		/* background: red; */
		width: 100%;
	}
	.category-news .pad10 {
		padding: 0px !important;
	}
	.news-wrap {
		padding: 20px;
	}
	.blog-news {
		width: 100%;
		/* padding: 40px !important; */
	}
}

@media ( max-width : 375px) {
	#bx-slider-0 {
		margin-top: -30px !important;
		margin-bottom: 0px;
	}
	h2 {
		font-size: 20px !important;
	}
	.news-carousel img {
		object-fit: cover;
		height: 335px;
	}
	.news-carousel .entry-overlay {
		width: 284px;
	}
	.news-carousel .entry-overlay a {
		margin-left: -142px;
	}
	.news-carousel .entry-overlay {
		position: absolute;
		top: 5%;
		left: 5%;
		text-align: center;
		margin: auto;
		width: 90%;
		height: 90%;
		vertical-align: text-center;
	}
	.news-carousel .entry-overlay a {
		margin: -152px 0 0 -50%;
	}
	.dropper {
		margin-top: 55px !important;
	}

	/* CHARACTER PAGES */
	.character-words {
		padding: 0px 5px;
		font-size: 22px;
	}
	.character-title {
		margin-bottom: 0px !important;
		/* margin-top: 40px !important; */
		font-size: 30px;
	}
	.character-subtitle {
		font-weight: normal;
		font-size: 18px;
		padding: 0px 5px;
	}
	.character-fact-area {
		font-size: 32px;
		/* margin-top: -30px !important; */
	}
	.book-area {
		margin-top: 40px !important;
	}
	.fact-text {
		font-size: 18px;
		padding: 0px 5px;
	}
	.fact-image {
		padding: 5px 0px;
	}
	.character-image-mobile-area {
		display: inline !important;
	}
	.character-image-mobile {
		padding: 0px 20px;
	}
	.no-mobile {
		display: none;
	}
	.drop20m {
		margin-top: 0px !important;
	}
	.instagram-link img {
		object-fit: cover;
		height: 105px;
	}
	.character-area {
		margin-top: 0px;
	}
	.social {
		margin-top: -15px;
	}
	.social .social-img {
		margin-top: 0px;
	}
}

@media ( max-width : 360px) {
}

@media ( max-width : 340px) {
	.logo-img {
		padding: 13px;
	}
	.online-media {
		height: 150px;
		margin: 0px;
		padding: 0px;
	}
	.instagram-link img {
		object-fit: cover;
		height: 90px;
	}
}