/* TABLET PORTRAIT */
/*
@media screen and (max-width: 800px){

	.slider-slides .slide-textbox .slide-title {
		font-size: 2.5em
	}

	.slider-slides .slide-datebox .slide-date{
		font-size: 2.5em
	}

	.anchor .menu-item {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 768px){

	.slider-prev,
	.slider-next {
		font-size: 2.5em;
		top: 160px;
		opacity: 1;
	}
	.slider-prev {left: 50px;}
	.slider-next {right: 50px;}
	.slider:hover .slider-prev {margin-left:0px;}
	.slider:hover .slider-next {margin-right:0px;}



	.slider-slides {
		min-height: inherit;
		height: 470px;
	}

	.slider-slides .slide {
		min-height: inherit;
	}

	.slider-slides .container {
		height: 320px;
	}

	.slider-slides .slide-description {
		margin-top: 20px;
	}

	.slider-slides .slide-textbox > div.ptrn-over {
		height: inherit;
		min-height: inherit;
	}

	.slider-slides .slide-datebox > div.ptrn-over {
		height: inherit;
		min-height: inherit;
	}

	.slider-slides .slide-textbox .slide-title {
		font-size: 1.875em;
		margin: -3px 0 0 -1px;
	}

	.slider-slides .slide-datebox .slide-date {
		font-size: 1.875em;
		margin: -3px 0 0 -1px;
	}

	.logo-search-area .logo {
		width: 75%;
		margin: 0 10px 0 0;
	}

	.logo-search-area {
		height: 50px;
	}

	.logo-search-area .search-button,
	.logo-search-area .menu-button {
		font-size: 150%;
		margin-top: 6px;
		margin-left: 10px;
	}

	.logo-search-area .search-field {
		margin: 0;
		font-size: 1.25em;
	}

	.menu-main li {
		width: 50%;
	}

	.content-row > ul > li {
		float: none;
		width: 100%;
	}

	.anchor ul.menu:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	.anchor li a:before {
		width: 0;
		height: 0;
		background: transparent;
	}

	.anchor .menu-item {
		font-size: 1.25em;
		margin-bottom: 0;
	}

	.anchor .menu > .menu-item {
		float: left;
		width: 50%;
	}

	.anchor .menu > .menu-item:nth-child(odd) > a {
		margin-right: 15px;
	}

	.anchor .menu > .menu-item:nth-child(even) > a {
		margin-left: 15px;
	}

	.qma_education .anchor .menu > .menu-item:nth-child(3) > a {
		margin-left: 15px;
		margin-right: 0;
	}

	.qma_education .tour-sub-buttons li a {
		display: block;
		clear: both;
		width: 100%;
		margin-bottom: 10px;
	}

	.footercredit > ul > li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.footercredit .credit div {
		margin: 0 10px;
	}

	.footercredit .sns div {
		margin: 0 10px;
	}
}
*/








/* SMARTPHONE */
@media only screen and (max-width: 800px){

/*
	h1 { font-size:2em; }
	h2 { font-size:1.8em; }
	h3 { font-size:1.4em; }
	h4 { font-size:1.2em; }
	h5 { font-size:1.1em; }
	h6 { font-size:1.0em; }
*/

	.mobile {
		display: block;
	}

	.col-inner {
		margin: 0 15px;
	}

	.m30 {
		margin-bottom: 15px;
	}

	.header {
		padding: 15px 0 0 0;
	}

	.container {
		padding: 0;
	}

	.logo-search-area {
		height: auto;
		margin-bottom: 15px;
	}

	.logo-search-area .logo {
		margin: 0;
	}

	.logo-search-area .logo img {
		height: 28px;
		width: auto;
		margin: 0;
		display: block;
	}

	.logo-search-area .search-button,
	.logo-search-area .menu-button {
		margin-top: 0;
	}

	.logo-search-area .search-button img,
	.logo-search-area .menu-button img {
		width: 18px;
		margin: 0;
		margin-top: 5px;
		display: block;
	}

	.logo-search-area .search-field {
		margin: 0;
		padding: 2px 0;
		font-size: 1.125em;
	}

	.menu-main li {
		float: none;
		clear: both;
		width: 100%;
		height: 44px;
		font-size: 20px;
		font-size: 1.25rem;
	}

	.menu-main li a {
		margin: 0 15px;
		padding-top: 4px;
	}

	.slider-wrapper {
		padding: 0 15px;
	}

	.slider {
		margin-bottom: 15px;
	}

	.slider-prev,
	.slider-next {
		font-size:30px;
		width:30px;
		height:30px;
		line-height:30px;
		top:375px;
 		color: #ccc;
 		opacity: 1;

	}
	.slider-prev {left: 0;}
	.slider-next {right: 0;}
	.slider:hover .slider-prev {margin-left:0px;}
	.slider:hover .slider-next {margin-right:0px;}

	.slider-slides {
		min-height: inherit;
		height: 382px;
		margin: 0;
	}

	.slider-slides .slide {
		min-height: inherit;
	}

	.slider-slides .container {
		height: 240px;
	}

	.slider-slides .slide-category > div {
		font-size: 10px;
		font-size: 0.625rem;
		padding: 4px 6px;
	}

	.slider-slides .slide-description {
		margin-top: 15px;
		margin-bottom: 47px;
	}

	.slider-slides .slide-textbox div.ptrn-over {
		min-height: 75px;
		padding-bottom: 0;
	}

	.slider-slides .slide-textbox .slide-title {
		font-size: 19px;
		font-size: 1.1875rem;
		margin: -1px 0 0 0;
	}

	.slider-slides .slide-textbox .slide-date-mobile {
		padding-top: 15px;
		margin: 0;
		display: none;
	}

	.slider-slides .slide-datebox .slide-date{
		font-size: 19px;
		font-size: 1.1875rem;
		margin: -1px 0 0 0;
	}

	.slider-slides .slide-datebox div.ptrn-over {
		min-height: 75px;
		padding-bottom: 0;
	}

	.slider-slides .slide-datebox > div {
		margin-left: 0;
	}

	.qma_homepage .carousel-header,
	.qma_exhibitions .carousel-header {
		margin-bottom: 15px;
	}

	.qma_homepage .touchcarousel,
	.qma_exhibitions .touchcarousel {
		min-height: 0;
		height: 222px !important;
		margin-bottom: 60px;
	}

	.qma_homepage .touchcarousel.tc-homepage .touchcarousel-item,
	.qma_exhibitions .touchcarousel.tc-homepage .touchcarousel-item {
		margin-right: 14px;
		width: 138px;
		min-height: 222px;
	}

	.qma_homepage .touchcarousel.tc-homepage .touchcarousel-item a.tc-state,
	.qma_exhibitions .touchcarousel.tc-homepage .touchcarousel-item a.tc-state {
		width: 138px;
		min-height: 222px;
	}

	.qma_homepage .touchcarousel.tc-homepage .touchcarousel-item h4,
	.qma_exhibitions .touchcarousel.tc-homepage .touchcarousel-item h4 {
		font-size: 12px;
		font-size: 0.75rem;
		height: 26px !important;
	}

	.qma_homepage .touchcarousel.tc-homepage .tc-block,
	.qma_exhibitions .touchcarousel.tc-homepage .tc-block {
		height: 70px;
		padding: 7px;
	}

	.qma_homepage .touchcarousel.tc-homepage .touchcarousel-item .round img,
	.qma_exhibitions .touchcarousel.tc-homepage .touchcarousel-item .round img {
		-webkit-border-radius: 64px;
		-moz-border-radius: 64px;
		border-radius: 64px;
		width: 128px;
		height: 128px;
	}

	.tc-block h5 {
		font-size: 12px;
		font-size: 0.75rem;
		bottom: 7px;
	}

	.touchcarousel .tc-item > ul > li:first-child {
		height: 138px;
		margin-bottom: 14px;
	}

	.touchcarousel .arrow-holder {
		opacity: 1 !important;
	}

	.touchcarousel.black-and-white .arrow-icon {
		font-size: 32px;
		color: #ccc;
		top: 236px;
	}

	.touchcarousel.black-and-white .arrow-icon.left {
		left: 0;
	}

	.touchcarousel.black-and-white .arrow-icon.right {
		right: 0;
	}





	/**
	 * Pages
	 */

	.content-row .col-25 {
		width: 100%;
	}

	.content-row .col-75 {
		width: 100%;
	}

	.content-row .m10 {
		margin-bottom: 10px;
	}





	.qma_programs .content-row .col-50 {
		width: 100%;
	}

	.qma_programs .eo-events img {
		margin-bottom: 15px;
	}



	.qma_about .content-row .col-33 {
		width: 100%;
		margin-bottom: 0;
	}







	.qma_projects .touchcarousel.black-and-white .arrow-icon {
		top: 500px;
		color: #ccc;
	}

	.qma_projects .touchcarousel.tc-projects .tc-block {
		height: 134px;
		margin-top: 0;
	}


	.qma_blog .content-row .col-50 {
		width: 100%;
	}

	.qma_blog .blog-categories .sub-item {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.qma_blog .blog-categories .sub-item .dotline {
		margin-bottom: 4px;
	}









	.qma_education .tour-sub-buttons a {
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
		display: block;
	}



	.open_artists {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}





	.qma_latest_news .content-row .col-50 {
		width: 100%;
	}











	/**
	 * Single Page
	 */

	.qm_single_post .metaslider {
		margin-bottom: 15px;
	}

	.qm_single_post .metaslider .caption {
		font-size: 10px;
		font-size: 0.625rem;
		padding: 4px 6px;
	}

	.flex-direction-nav {
		display: none;
	}

	.flex-direction-nav a.flex-prev {
		width: 30px;
		height: 30px;
		top: 50%;
		margin: -15px 0 0;
		display: block;
		background: url(images/circle_arrow_left_gray.png) no-repeat 0 0;
		background-size: 30px;
	}
	.flex-direction-nav a.flex-next {
		width: 30px;
		height: 30px;
		top: 50%;
		margin: -15px 0 0;
		display: block;
		background: url(images/circle_arrow_right_gray.png) no-repeat 0 0;
		background-size: 30px;
	}

	.mobile-meta-nav {
		width: 100%;
		display: block;
	}
	.mobile-meta-nav a.prev {
		font-size: 30px;
		line-height: 30px;
		display: block;
		color: #ccc !important;
	}
	.mobile-meta-nav a.next {
		font-size: 30px;
		line-height: 30px;
		display: block;
		color: #ccc !important;
	}

	.post-image, .qm_single_post .post-image {
		margin-bottom: 15px;
	}

	.qm_single_post .post-title div.ptrn-over {
		min-height: 75px;
		padding-bottom: 0;
	}

	.qm_single_post .post-title h1.title {
		font-size: 19px;
		font-size: 1.1875rem;
		margin: -1px 0 0 0;
	}

	.qm_single_post .post-date div.ptrn-over {
		min-height: 75px;
		padding-bottom: 0;
	}

	.qm_single_post .post-date h1.date {
		font-size: 19px;
		font-size: 1.1875rem;
		margin: -1px 0 0 0;
	}

	.qm_single_post .post-date .col-inner {
		margin-left: 0;
	}

	.qm_single_post .post-main {
		float: none;
		width: 100%;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.2;
	}

	.qm_single_post .post-content p {
		margin-bottom: 15px;
	}

	.qm_single_post .post-side {
		float: none;
		width: 100%;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.2;
	}

	.gallery-thumbnails .thumb-item:nth-child(odd),
	.gallery-thumbnails .thumb-item:nth-child(even) {
		width: calc(25% - 14px);
		height: 75px;
		margin-bottom: 15px;
		margin-left: 7px;
		margin-right: 7px;
	}
	.gallery-thumbnails .thumb-item a div {
		width: 100%;
		height: 75px;
	}
	.gallery-thumbnails .thumb-item:nth-child(4n+1) {
		width: calc(25% - 7px);
		margin-left: 0;
		margin-right: 7px;
	}
	.gallery-thumbnails .thumb-item:nth-child(4n+4) {
		width: calc(25% - 7px);
		margin-left: 7px;
		margin-right: 0;
	}

	.gallery-text {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.21;
	}

	.gallery-text span {
		font-weight: 700;
	}

	.popup-gallery #popup-caption {
		font-size: 10px;
		font-size: 0.625rem;
		padding: 4px 6px;
	}


























	.anchor .menu > .menu-item {
		float: none;
		width: 100%;
		font-size: 20px;
		font-size: 1.25rem;
		padding-top: 4px;
		padding-bottom: 9px;
	}

	.anchor .menu > .menu-item > a {

	}

	.anchor .menu > .menu-item:nth-child(odd) > a {
		margin-right: 0;
	}

	.anchor .menu > .menu-item:nth-child(even) > a {
		margin-left: 0;
	}

	.qma_education .anchor .menu > .menu-item:nth-child(3) > a {
		margin-left: 0;
	}









	.footer {
		padding: 15px 0;
	}


	.footercredit > ul > li {
		width: auto;
		float: none;
	}

	.footercredit .credit {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.footercredit .credit div.col-inner {
		margin: 0 15px;
	}

	.footercredit .credit div li:first-child {
		margin-bottom: 30px;
	}

	.footercredit .sns [class^="sns-"] {
		background: url("images/sns2x.png");
		background-size: 220px 30px;
	}
	.footercredit .sns .sns-facebook {
		background-position: -10px -5px;
	}
	.footercredit .sns .sns-twitter {
		background-position: -40px -5px;
	}
	.footercredit .sns .sns-instagram {
		background-position: -70px -5px;
	}
	.footercredit .sns .sns-flickr {
		background-position: -100px -5px;
	}
	.footercredit .sns .sns-foursquare {
		background-position: -130px -5px;
	}
	.footercredit .sns .sns-vimeo {
		background-position: -160px -5px;
	}
	.footercredit .sns .sns-youtube {
		background-position: -190px -5px;
	}

	.footercredit .sns .copyright {
		margin-top: -7px;
	}

	.qmail {
		display: none;
	}



/*
	.pagetitle { margin:10px 0 0; }
	.breadcrumb { float:none; margin:0 0 10px; }
*/

	.content { margin:0; float:none; width:auto; }
    .content-right { float:none; margin:0; }
	.content-wide { width:auto; margin:0; }


	/* CONTENT */
	.sidebar .widget > li { float:none; width:auto; margin-right:0; }
	.sidebar .widget > li:nth-child(odd) { margin-right:0; }

	.toplink:link { bottom:10px; right:10px; width:30px; height:30px; line-height:30px; }

	/* NAVIGATION */
	.menu-top { text-align:center;  }
	.menu-top li { display:inline-block; }
	.menu-top li a { margin:0 auto; }

	.menu-main { display:none; }
/* 	.menu-mobile { display:block; } */


	.footermenu { float:none; }
	.menu-footer { float:none; }
	.menu-footer > ul { }
	.menu-footer li { float:none; margin:0 0 5px; }
	.menu-footer li li { display:block; float:none; width:100%; margin:0; }

	/* POSTS & PAGES */
	.contact-form { float:none; width:auto; padding:0 0 20px; margin:0; }

    /* COMMENTS */
	.comment .comment-avatar { width:50px; }
	.comment .comment-title { padding:0; height:48px; margin-left:0; }
	.comment .comment-author { display:block; }
	.comment .comment-date { display:block; border:0; padding:0; margin:0; }
	.comment .comment-content { margin-left:0; }
	.comment .comment-children { margin-left:20px; }

	/* COMMENTS */
	.comment-form label{ float:none; padding:8px 0; }
	.comment-form input[type=text],
	.comment-form textarea{ width:100%; }
	.comment-respond .form-submit { padding-left:0; }
	.comment-respond .form-allowed-tags { padding-left:0; }
	.comment-respond .form-submit { padding-left:0; }
	.comment-respond .form-submit, .respond .submit:visited { margin-left:0; }

	.commentform .comment-reply-title {
		margin: 0 0 15px 0;
	}
}