@media screen and (max-width:1200px){
	header{ padding:10px 0; }
	footer{ padding:30px 0; }

	.homepage body .homepage-slide-section .inner .thumb{ padding:0 15px 8px }
	.homepage body .homepage-slide-section .inner .thumb .head{ padding:10px 0; }
	.homepage body .homepage-slide-section .inner .thumb .body .item{ margin:7px; }
	.homepage body .homepage-slide-section .inner .thumb .body .item a{ height:180px; }
	.homepage body .homepage-slide-section .inner .thumb .body .slick-list{ margin:0 -7px; }

	.archive-section{ padding:30px 0 0; }
	.archive-section h1{ margin-bottom:10px; }

	.detail-section{ padding:30px 0 0; }
	.detail-section .d-head{ padding:0 20px; }
	.detail-section .d-content{ padding:20px 20px 0; }

	.detail-page .inner{ padding:30px; }
	.detail-page .inner .d-content{ padding:20px 0 0; }
}

@media screen and (max-width:1024px){
	header .logo{ width:225px; }
	header nav{ margin-left:-225px; }
	header nav ul li{ font-size:16px; }

	.archive-section .list figure a{ padding:20px; }
	.archive-section .list figure a p{ bottom:20px; }

	.detail-section .d-slide,
	.detail-section .d-slide .d-item{ height:350px; }
}

@media screen and (max-width:992px){
	header nav ul{ display:block; text-align:right; }
	header nav ul li{ padding:0 10px; }
	header nav ul li:last-child{ padding-right:0; }

	.archive-section .list figure a h2{ font-size:20px; }
	.archive-section .list figure a small,
	.archive-section .list figure a p{ font-size:14px; }

	.detail-page .d-content article{ padding:0; }
	.detail-page .inner .d-content .d-slider{ margin-bottom:20px; }

	.contact-me .d-content article{ padding:0 15px; }
	.contact-me .d-content .row-contact .contact-form{ padding-right:0; }
	.contact-me .d-content .row-contact .contact-detail{ padding-left:0; margin-top:30px; }
	.contact-me .d-content .row-contact .contact-detail p{ font-size:20px; }

	.gallery-detail-popup-wrapper .fancybox-slide{ padding:0; }
	.gallery-detail-popup-wrapper .gallery-detail-popup{ padding:60px 0 30px; }
	.gallery-detail-popup-wrapper .gallery-detail-popup h2{ padding:0 15px; }
	.gallery-detail-popup-wrapper .gallery-detail-popup figure{ text-align:left; }
	.gallery-detail-popup-wrapper .gallery-detail-popup article{ max-width:100%; }
	.gallery-detail-popup-wrapper .gallery-detail-popup .copyright{ padding:20px 15px 0 }
	.gallery-detail-popup-wrapper .wrapper-image.col-lg-6{ min-height:0; }
}

@media screen and (max-width:768px){
	header .trigger-open-mobile-menu{ display:block; }
	header .desktop-menu{ display:none; }

	.homepage body .homepage-slide-section .inner .thumb{ padding:0 0 8px }
	.homepage body .homepage-slide-section .inner .thumb .head{ padding:10px; }
	.homepage body .homepage-slide-section .inner .thumb .body .item a{ height:150px; }
	
	.mm-wrapper_opened .trigger-open-mobile-menu{ display:none; }
	.mm-wrapper_opened .trigger-close-mobile-menu{ display:block; }
	.mm-wrapper_opened header{ background-color:transparent; }
	.mm-wrapper_opened header .logo:after{ content:none;  }
	.mm-wrapper_opened .homepage body header .logo .gray{ display:block; }
	.mm-wrapper_opened .homepage body header .logo .white{ display:none; }
	.mm-wrapper_opened .homepage body header .logo:after{ content:none;  }

	.detail-section .d-additional{ margin-bottom:15px; }

}

@media screen and (max-width:576px){
	.archive-section .list figure a{ padding:50px 20px; }
	.archive-section .list figure a p{ bottom:50px; }

	.detail-section .d-head{ padding:0 0 15px; }
	.detail-section .d-content{ padding:0; }
	.detail-section .d-slide-wrapp-fullscreen .d-slide .d-item img{ width:100%; object-fit:contain; }
	.detail-poetry .d-description{ padding:0; }
	.detail-page .inner{ padding:15px; }

	.gallery-detail-popup-wrapper .gallery-detail-popup h2{ font-size:16px; }
	.gallery-detail-popup-wrapper .fancybox-slide--html .fancybox-close-small{ top:10px; right:10px; }

	.splash-screen .inner{ width:250px; height:50px; }
}

@media screen and (max-width:480px){
	.homepage body .homepage-slide-section .inner .thumb .body .item a{ height:120px; }
	.detail-page .d-content .row-contact .contact-form .btn{ max-width:none; }
	.detail-page .d-content .row-contact .contact-form .g-recaptcha{
		-webkit-transform:scale(0.90);
		-moz-transform:scale(0.90);
			transform:scale(0.90);
				-webkit-transform-origin:0 0;
				-moz-transform-origin:0 0;
					transform-origin:0 0;
						width:100%;} 
	
	.page-not-found h1,
	.page-thank-you h1{ font-size:24px; }
}


