/* @override 
	http://gandaganda2.plaimanas.co/wp-content/themes/gandaganda2/phone2.css?*
	http://gandaganda.com/wp-content/themes/gandaganda2/phone2.css?*
	http://gandaganda3.plaimanas.co/wp-content/themes/GandaGanda3/phone2.css?*
	http://gandaganda.com/wp-content/themes/GandaGanda3/phone2.css?* */

body {
	min-width: 1280px;
}
body.newsletterbody {
	min-width: 0;
}
@media (max-width: 767px) {
	body {
		min-width:0;
	}
	#wrapper {
		margin-top: 73px;
	}
	.wrap,
	.nwrap {
		width: 325px;
	}
	* {
		max-width: 100%;
		background-attachment: scroll !important;
	}
	img {
		height: auto;
	}
	.galleria,
	.galleria1,
	.galleria2,
	.galleria *,
	.galleria1 *,
	.galleria2 *,
	.select2-container,
	.select2-container * {
		max-width: none;
	}
	
	div#header {
		position: fixed;
		top: 75px;
		right: 0;
		left: 0;
	z-index: 10000;		background-color: #ffffff;
		height: auto;
/*				border-bottom: 1px solid #eaebea;*/
		opacity: 0;
		visibility: hidden;
		transition: 0.5s;
		bottom: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
		div#header.active {
			opacity: 1;
			visibility: visible;
		}
	div#header div.headcon {
		height: auto;
		width: 375px;
		margin-right: auto;
		margin-left: auto;
		float: none;
		clear: both;
		border-top-style: none;
	}
	div#header.active {
		padding-top: 20px;
	}
		div#header div.headcon ul.menu {
			width: 100%;
			margin: 0;
			float: none;
		
		padding-bottom: 20px;
		padding-top: 0;
		font-size: 25px;
		text-align: center;
		}
		div#header div.headcon ul.menu li {
			width: 100%;
			float: none;
			line-height: normal;
			height: auto;
		}
		div#header div.headcon ul.menu li a {
			display: block;
			width: 100%;
			box-sizing: border-box;
			padding-right: 25px;
		padding-left: 25px;
		height: auto;
		line-height: 60px;
		}
		.menu li.mshow {
			display: block;
		}
		.hsearch {
			position: relative;
		}
		.hsearch p {
			padding-left: 25px;
		padding-right: 25px;
		}
		.hoption {
			width: 100%;
			margin-right: auto;
		margin-left: auto;
		position: relative;
		padding-bottom: 100px;
		}
		div.hoption a.hsubc {
		padding-right: 0;
		padding-left: 0;
		float: right;
		border-top-style: solid;
		border-top-width: 2px;
		width: 100%;
		text-align: center;
		font-size: 25px;
		height: 100px;
		line-height: 100px;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		}
		.hsocial {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100px;
			text-align: center;
		}
		.hsocial a {
		padding: 15px 20px;
		display: inline-block;
		float: none;
		}
		.hsocial a img {
			width: auto;
			height: 25px;
		}
		.hsearch {
			display: none;
		}
		.hsearch form#searchform {
			position: absolute;
			left: 0;
			right: 0;
			top: 52px;
			width: 375px;
			max-width: 375px;
		}
		.hfform {
			padding-left: 25px;
		padding-right: 25px;
		font-size: 13px;
		line-height: 52px;
		height: 73px;
		}
		.hsearch .hfclose {
			padding-top: 17px;
		padding-bottom: 15px;
		}
		
		.searchbutton{
			background-image: url(images/01-main_19.png);
		background-repeat: no-repeat;
			width: 63px;
			height: 73px;
			position: absolute;
			top: 0;
			right: 73px;
			background-position: right center;
		}
	form#psearchform {
			position: absolute;
			right: 0;
			left: 0;
			background-color: #000000;

			z-index: 1000;
			opacity: 0;
			visibility: hidden;
			transition: 0.5s;
		top: 75px;

	}
		form#psearchform.active {
			opacity: 1;
			visibility: visible;
		}
		div#header .logoa,
		div#header .logo {
			display: none;
		}
		form#psearchform.active img.hfclose {
			position: absolute;
			right: 5px;
			top: 5px;
			padding: 15px;
			width: 30px;
		}
		#phoneheader {
			display: block;
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 10000;
			padding-top: 15px;
		padding-bottom: 15px;
			padding-left: 20px;
		background-color: #ffffff;
		border-bottom: 2px solid #eaebea;
		box-sizing: border-box;
		height: 75px;
		}
		#phoneheader .logoa ,
			#phoneheader .logo{
			display: block;
			padding: 0;
			margin: 0;
			height: 43px;
			width: auto;
		}
		#phoneheader .logoa {
			margin-right: auto;
		margin-left: auto;
		}
		#phoneheader .menubutton {
			
			background: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='63px' height='43px' viewBox='0 0 63 43' style='enable-background:new 0 0 63 43;' xml:space='preserve'%3E%3Cdefs%3E%3C/defs%3E%3Crect width='63' height='5'/%3E%3Crect y='19' width='63' height='5'/%3E%3Crect y='38' width='63' height='5'/%3E%3C/svg%3E%0A") center center / 45% no-repeat;
				width: 73px;
				height: 73px;
				position: absolute;
				top: 0;
				right: 0;
		}
		
		
		.cat .main_c .left {
			width: 375px;
			max-width: 375px;
			margin-left: -25px;
		margin-right: -25px;
		}
		.cat .main_c .left  .swiper-container ,
		.cat .main_c .left  .swiper-container .swiper-slide{
			width: 375px;
		}
			.main_a .nwrap {
				padding-top: 0;
		padding-bottom: 0;
				max-width: 375px;
				width: 375px;
				border-bottom-style: none;
				margin-top: 20px;
			}
			div.mnacon   .swiper-container {
				margin-bottom: 25px;
			}
				div.mnacon   .swiper-container .mnashow img {
					height: ๅคุpx;
					object-fit: cover;
				}
			#content.home   div.swiper-button-prev.swiper-button-black,
			#content.cat   div.swiper-button-prev.swiper-button-black  {
				top: 90px;
				left: 20px;
			}
			#content.home   div.swiper-button-next.swiper-button-black,
				#content.cat   div.swiper-button-next.swiper-button-black {
				top: 90px;
				right: 20px;
			}
			
			
			#content.home  .main_d div.swiper-button-prev.swiper-button-black {
			left: 0;
			top: 220px;
			}
			#content.home   .main_d div.swiper-button-next.swiper-button-black {
				top: 220px;
				right: 0;
			}
			div.mnashow {
				margin-right: auto;
		margin-left: auto;
				float: none;
			}
			
			.blogmby,
			.mnasby {
				font-size: 18px;
				line-height: 28px;
				margin-bottom: 0;
				
			}
			.mnacon .swiper-slide{
				padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
			}
			.mnastext {
				font-size: 18px;
				height: auto;
				line-height: 28px;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				-webkit-box-orient: vertical;
				overflow: hidden;
				margin-top: 20px;
		margin-bottom: 20px;
			}
			.sleft .mnasby {
				display: block;
			}
			.mnbby,
			.mnasmore {
				font-size: 18px;
			}
			 div.blogsgrelate h4.mnasmore {
				display: none;
			}
			.right {
				width: 325px;
				margin-right: auto;
		margin-left: auto;
				float: none;
				padding-left: 0;
		padding-right: 0;
			}
		.blogsgrlcon,
			.main_a .right ,
				.cat	.main_c .right {
			width: 100%;
			max-width: none;
			margin-top: 35px;
			clear: both;
			float: left;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			
			}
			.blogsgrlcon {
				width: 375px;
				margin-left: -25px;
		margin-right: -25px;
			}
		div.blogsgrelate .contentwrap ,
			.main_a .right .contentwrap,
		.cat	.main_c .right .contentwrap {
				width: auto;
				white-space: nowrap;
				padding-left: 20px;
			
			}
			.blogsgrlbox,
				.main_a .right .mnathumbnail,
					.cat	.main_c .right .contentwrap .mnathumbnail {
					width: 280px;
					box-sizing: border-box;
					display: inline-block;
					margin-left: 0;
		margin-right: 15px;
					padding: 0 0 20px;
					border-style: none;
					white-space: normal;
				float: none;
				clear: none;
					vertical-align: top;
			}
				.main_a .right .mnathumbnail img ,
					.cat	.main_c .right .contentwrap .mnathumbnail  img{
					width: 100%;
					height: auto;
					position: static;
				}
			.main_b {
			padding-bottom: 0;
		margin-left: 20px;
		margin-right: 20px;
				width: auto;
				float: none;
				clear: both;
				border-top: 1px solid #eaebea;
				padding-top: 65px;
			}
		
				.mnashead {
					padding-left: 25px;
		padding-right: 25px;
				}
			.mnchead h2,
			.mnbhead {
				font-size: 32px;
				line-height: normal;
				margin: 0 0 35px;
				float: none;
					font-weight: 600;
				
			}
			.mnbcategory {
				float: left;
				font-size: 11px;
				line-height: normal;
				margin-bottom: 30px;
				width: 100%;
				height: auto;
			}
			 .mnbcategory,
			.mnbbox 	.mnbcategory {
			
				font-size: 16px;
			}
				
		
		
			.mnbname {
				clear: both;
				font-size: 28px;
				line-height: 32px;
				margin-bottom: 15px;
			/*	height: 47px;
				padding-top: 5px;*/
				
		
				overflow: hidden;
			padding: 0;
			height: auto;
			}
			
			
			.main_c {
				padding-bottom: 0;
			}
			.main_c .left .mnchead{
				margin-left: -20px;
		margin-right: -20px;
				padding: 0 20px;
				text-align: left;
				margin-top: -45px;
			}
					.main_c .left .mnchead h2 {
										font-weight: normal !important;
										border-bottom: 1px solid #e9ebe9;
										padding-bottom: 10px;
		padding-top: 10px;
						margin-top: 0;
	}
			
			div#content.home div.main_c div.nwrap div.right div.mnchead h2 {
				display: none;
			}
			.blogbox img {
				margin-bottom: 10px;
			}
			 div.mnchead {
				border-top-style: none;
				border-bottom-style: none;
			}
				div#content.home div.wp-pagenavi {
				border-top: 1px none #eaebea;
				border-bottom: 1px none #eaebea;
				}
				
				.mncfollow {
					margin: 25px auto 10px;
					width: 275px;
					float: none;
					clear: both;
				}
				div.mncfollow h3.mncfhead {
					font-size: 12px;
					display: inline;
					float: none;
					clear: none;
					margin: 0 15px 0 10px;
					line-height: 30px;
				}
				div.mncfollow div.mncfsocial {
					display: inline;
					float: none;
					clear: none;
					margin-right: 0;
					margin-bottom: 0;
					margin-left: 0;
				}
				div.mncfollow div.mncfsocial img {
					padding-top: 5px;
					margin-bottom: -3px;
		margin-left: 0;
				}
						div.mncsubc {
								border: 1px solid #000000;
								padding: 10px;
								box-sizing: border-box;
								margin-bottom: 10px;
						}
								
				
				 h3.mncssubh {
					font-size: 12px;
					line-height: normal;
					display: inline;
					float: none;
					clear: none;
				}
				h3.mncshead {
					font-size: 12px;
					line-height: normal;
					display: inline;
					float: none;
					clear: none;
				}
			h3.mncsjoin {
					font-size: 12px;
					line-height: normal;
					display: inline;
					float: none;
					clear: none;
					font-weight: bold;
					margin-left: 5px;
		margin-bottom: 0;
				}
				#content #mc_embed_signup,
				.fancybox-container #mc_embed_signup {

					margin-top: 5px;
				}
				.mncbanner {
					margin-bottom: 0;
		margin-right: auto;
					width: 275px;
		margin-left: auto;
					float: none;
				}
				.blogbox,
				.mncbox,
				.mnbbox {
					clear: both;
					margin-bottom: 40px;
		margin-right: 0;
		margin-left: 0;
					position: relative;
					padding: 0 0 40px;
					box-sizing: border-box;
					white-space: normal;
					width: 100%;
					text-align: left;
					border-bottom: 1px solid #eaebea;
					border-top-style: none;
				}
				.mncbox img ,
					.mnbbox img{
						padding: 0px;
						margin: 0px 0 30px 0px;
						float: left;
						object-fit: cover;
						position: static;
						top: 0;
						bottom: 0;
						left: 0;
						width: 100%;
					}
					.mnccon {
						width: 100%;
					}
					
				 p.mnbdate ,
				 .vdobox .mnbdate{
				 	font-size: 14px;
				 	float: left;
				 	width: 100%;
				 	margin-bottom: 10px;
				 }
				div#content.cat.page-video div.vdocon .mnastext {
					display: block;
				}
				.vdobox p {
				-webkit-line-clamp: 2;
				}
				.mnastag {
					font: 14px/normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					padding: 15px 30px;
					margin-top: -13px;
				}
				.mnathumbnail .mnastag{
					position: static;
					margin: -25px auto 0;
					height: auto;
					clear: both;
				}
				.mnbname,
				.mnathead {
					font-size: 22px;
					height: auto;
					line-height: 30px;
					margin-bottom: 10px;
		margin-right: 0;
					margin-left: 0;
	}
				.blogsgcategory {
										font-size: 14px;
										line-height: normal;
										font-style: normal;
										font-variant: normal;
										padding: 15px 30px;
										margin-top: -25px;
				}
					
				 div.blogsgslide+.blogsgcategory {
				 	position: relative;
				 	top: -100px;
				 	margin-bottom: 60px;
				 	padding-bottom: 0;
				 }
			
				.main_d {
					padding-top: 40px;
		padding-bottom: 40px;
					margin-top: 0;
				}
				.main_e {
					padding-top: 25px;
		padding-bottom: 20px;
				}
							#content.cat  div.swiper-button-black {
								top: 95px;
							}
				#content.home  .main_d  div.swiper-button-black {
					top: 165px;
				}
				.mndbox>a:first-child:before {
					top: 75px;
				}
				
				.mnecon img {
					width: 100%;
				}
					.mnecon  a {
						width: 100%;
						padding-bottom: 100%;
					}
					.mnecon {
						width: 325px;
									margin-right: auto;
						margin-left: auto;
									float: none;
									clear: both;
									display: grid;
						grid-template-columns: repeat(3, 1fr);
						grid-gap: 0;
					}
					.mnecon a:nth-child(5-3n) {
						
					}
				#footer {
					padding-top: 5px;
					height: auto;
					padding-bottom: 40px;
				}
				div#footer ul.ftmenu {
					font-size: 16px;
					margin-bottom: 10px;
					line-height: normal;
				}
				div#footer img.ftlogo {
					height: 40px;
					width: auto;
					float: none;
					clear: both;
					display: block;
					padding-top: 20px;
		padding-bottom: 20px;
				}
				div#footer ul.ftsocial {
					font-size: 16px;
					line-height: normal;
				}
				div#content.home  div.wp-pagenavi a.nextpostslink {
					margin-top: 25px;
		margin-bottom: 25px;
				}
				
				.aboutpic img {
					margin-left: 0;
		margin-bottom: 50px;
				}
				.aboutpic {
					margin-bottom: 0;
				}
				.aboutcon p {
					font-size: 16px;
					line-height: 28px;
					color: #8c8d8c;
				}
				div.contact h1.cthead,
				h1.abhead {
					line-height: normal;
					font-size: 30px;
					margin-bottom: 0;
				}
					div.contact h1.cthead {
						margin-bottom: 40px;
					}
				.abdesc {
					font-size: 18px;
					margin-top: 10px;
					line-height: 28px;
				}
				.ctform,
				.ctselect {
					border-bottom-style: solid;
		border-bottom-width: 1px;
					font-size: 17px;
				}
				.ctsend {
					width: 100%;
					margin-left: 0;
		margin-top: 20px;
				}
				.ablook {
					font-size: 26px;
					line-height: normal;
					margin-top: 100px;
		margin-bottom: 70px;
					font-weight: normal;
					font-style: normal;
				}
				.navi {
					margin-top: 25px;
		margin-bottom: 25px;
					font-size: 18px;
				}
				.contact {
					padding-bottom: 25px;
					width: 325px;
					padding-top: 85px;
				}
				div#content div.contact h2.ctsubh {
					font-size: 30px;
					line-height: normal;
					margin-top: 90px;
				}
				.ctaddress {
					margin-bottom: 100px;
					font-size: 18px;
				}
				.blahead  {
					font-size: 35px;
					line-height: normal;
					color: #000000 !important;
				}
				.blogcon {
					margin-top: 0;
				}
				.mnacon 	.navi+.right{
					clear: both;
				}
				.mnacon .right+.left {
					margin-top: 60px;
		margin-right: auto;
					padding-top: 40px;
					border-top: 1px solid #eaebea;
					width: 325px;
					margin-left: auto;
					float: none;
					clear: both;
				}
				
				.blogsgslide {
					margin-bottom: 0;
		margin-left: -25px;
		margin-right: -25px;
					max-width: 375px;
		width: 375px;
					height: 300px;
				}
					.blogsgslide	.galleria2,
			.blogsgslide	.galleria2 .galleria-container {
					height: 300px;
					width: 100%;
					}
			.blogsgslide	.galleria2 .galleria-stage {
					height: 218px;
				}
				
	/*			.blogsgslide	.galleria2 div.galleria-thumbnails-container {
					display: none;
				}*/
				
				h1.blogsghead{
					font-size: 28px;
					line-height: 32px;
					margin-bottom: 20px;
				}
				.blogmorebox {
					box-sizing: border-box;
					width: 100%;
				}
				.blogmorehead {
				margin-bottom: 40px;
		margin-top: 100px;
					text-align: left;
					font-size: 23px;
				}
				.blogsgcon>* {
					margin-top: 15px;
				}
				
				.blogsgcon ,.blogsgcon p{
					font-size: 11px;
					line-height: normal;
				}
				
				div.blogsgrelate {
					margin-top: 40px;
					border-top: 1px solid #eaebea;
							border-bottom: 1px solid #eaebea;
					padding-top: 60px;
		padding-bottom: 40px;
					margin-bottom: 40px;
				}
				h2.blogtrend {
					font-size: 20px;
					line-height: normal;
					text-align: left;
					margin-top: 0;
		margin-bottom: 0;
				}
				.vdotype {
					margin-bottom: 20px;
					font-size: 21px;
					margin-top: 16px;
				}
				.sleft+.right {
					margin-top: 0;
				}
				.vdocategory {
					margin-top: 0;
		margin-bottom: 45px;
					height: 60px;
					border-width: 2px;
					font-size: 20px;
					background-size: 30px;
				}
				.cat div.wp-pagenavi,
				#content.page-video 	div.wp-pagenavi {
					margin-top: -41px;
		margin-bottom: 40px;
				}
				.vdobox {
					margin-bottom: 40px;
					padding-bottom: 40px;
					border-bottom: 1px solid #eaebea;
				}
			.vdobox>* {
				clear: both;
			}
				div.vdobox h2.mnashead {
					padding-right: 0;
		padding-left: 0;
					margin-bottom: 0;
				}
				
				div#newspop.fancybox-content div.newsletter {
					width: 325px;
				}
				.newslcon {
					margin-left: 0;
		margin-right: 0;
					padding: 10px;
					width: 100%;
					box-sizing: border-box;
				}
				.newslskip {
					position: static;
					margin-top: 15px;
		margin-right: auto;
		margin-left: auto;
					float: none;
				}
				.right.sidebar{
					position: relative;
					clear: both;
				}
				.home .right.sidebar,
				.page-video .right.sidebar {
					display: none;
				}
				.right .ads {
					display: none;
				}
				.mnecon a:nth-child(6) {
					display: block;
				}.wp-block-embed-instagram {
					margin-left: 0;
		margin-right: 0;
				}
				.sleft iframe.instagram-media {
					
					width:325px !important;
				}
				div#newspop{
					padding-top: 250px;
		padding-left: 0;
				}
				.newslpic {
				
				width: 100%;
				height: 250px;
				}
				
				.galleria-errors {
					display: none !important;
				}
				.blog_a {
					height: 116px;
				}
				.blogmorebox img {
					width: 115px;
					height: 115px;
				}
				.blogmcategory {
					font-size: 16px;
					padding-left: 0;
		padding-right: 0;
					margin-bottom: 0;
					line-height: 23px;
					margin-top: 10px;
				}
				.blogmorecon {
					margin-right: 20px;
		margin-left: 20px;
					float: right;
					width: 168px;
				}
				.blogmby {
					display: block;
					font-size: 16px;
					line-height: 23px;
				}
				.blogmby a,
				.blogmcategory  a {
					color: #b6b7b6;
				}
				.blogmhead {
				font-size: 16px;
				line-height: 23px;
				height: 46px;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				padding-right: 0;
		padding-left: 0;
					margin-bottom: 0;
				}
				.mncmore,
						.mncmore.x {
					line-height: 60px;
					border-radius:30px;
					padding-left: 60px;
		padding-right: 60px;
					margin-top: 40px;
				}
				
				.mncmore p {
					font-size: 20px;
				}
				.fancybox-container .fancybox-slide--iframe .fancybox-content {
					max-height: 500px;
				}
				.fancybox-content .fancybox-iframe[src$="/newsletter/"] {
					min-height: 500px;
				}
	xx {
		
	}
}