/*** webfonts for demo ***/

@font-face {
    font-family: 'FuturaLight';
    src: url('webfonts/FuturaPT-Light/font.woff2') format('woff2'),
        url('webfonts/FuturaPT-Light/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBook';
    src: url('webfonts/FuturaPT-Book/font.woff2') format('woff2'),
        url('webfonts/FuturaPT-Book/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaMedium';
    src: url('webfonts/FuturaPT-Medium/font.woff2') format('woff2'),
        url('webfonts/FuturaPT-Medium/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBold';
    src: url('webfonts/FuturaPT-Bold/font.woff2') format('woff2'),
        url('webfonts/FuturaPT-Bold/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBookItalic';
    src: url('webfonts/FuturaPT-BookObl/font.woff2') format('woff2'),
        url('webfonts/FuturaPT-BookObl/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLightItalic';
    src: url('webfonts/FuturaPT-LightObl/font.woff2') format('woff2'),
        url('webfonts/FuturaPT-LightObl/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('webfonts/roboto/Roboto-Light-webfont.ttf') format('ttf'),
        url('webfonts/roboto/Roboto-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*** allgemeines reset ***/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
  	font-weight: normal;
  	list-style: none;
}
:focus {
	outline: 0;
}

.clearfix:before,
.clearfix:after {
   content: '\0020';
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

html, body {
	height: 100%;
	margin: 0px;
}	

body {
	background-color: #fff;
	font-size: 23px;
    font-family: 'FuturaBook';	
    color: #000;
    max-width: 100vw;
}

a { text-decoration: none; color: inherit; }
.menu a:hover, 
.content a:hover, 
.footer a:hover { text-decoration: none; color: #999;  }

b, strong, .bold {
	font-style: normal;
	font-weight: normal;
	font-family: 'FuturaMedium';
}

i { 
	font-style: normal;
	font-weight: normal;
}

.medium { font-family: 'FuturaMedium'; }
small { font-size: 17px; }

.mob { display: none; }

/* Absolute positioned header for all browsers*/



.header {
    position:fixed;
	z-index: 900;
    width:100%;
    top:0;
    left:0;
    min-height:75px;
    height: auto;
	/*transition: 0.5s;*/
}
.headcontent {
	position: relative;
    width:92%;
    top:32px;
    left:4%;
	transition: 0.5s;
}

.scrollbg {
	background-color: #fff;
	height: 42px;
	min-height:42px;
	transition: 0.5s;
}

.scrollbg .headcontent {
    top:7px;
	transition: 0.5s;
}


.headbg {
	height: 175px;
	background-color: #fff;
	/*transition: 0.5s;*/
}

.logo {
	position: absolute;
	line-height: 25px;
	left: 0;
	top: 0;
}
.logo h1 {
	font-family: 'FuturaBold';
	font-size: 30px;
}

.logo h1 b { font-family: 'FuturaBold'; }

.burger {
	cursor: pointer;
	position: absolute;
	z-index: 2000;
	right: 0;
	top: 0;
	/*background-color: #fff;*/
	padding: 0;
}

.bar1, .bar2, .bar3 {
  width: 26px;
  height: 3px;
  background-color: #333;
  margin: 4px 0;
  transition: 0.1s;
 /* box-shadow:   1px 2px 2px 0px #ccc;*/
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 5px);
  transform: rotate(-45deg) translate(-6px, 5px);
}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -4px);
  transform: rotate(45deg) translate(-5px, -4px);
}
.change .bar2 {opacity: 0;}


/*** menu ***/

.menu {
	display: none;
    position:fixed;
	z-index: 1001;
    width:92%;
    top:70px;
    left:4%;
    height:110px;
    overflow: hidden;
}

.menu ul {
	font-family: 'FuturaBook';
	font-size: 23px;
	line-height: 34px;	
}

.menu ul.main li { 
	float: left;
	display: inline-block;
	margin-right: 5vw;
}


.menu ul.main li:last-of-type  { margin-right: 0; }

.menu ul.sub li { 
	float: none;
	display: block;
	margin-right: 0;
	color: #000;
}

.content {
	margin: 67px 4% 25px 4%;
	padding: 1px 0 0 0;
	height: auto;
}

.content p a { border-bottom: 1px #999 dotted; }

.noline {
	text-decoration: none !important;
	border: none !important;
}

/*** home ***/

.current_txt {
	position: absolute;
	z-index: 100;
	top: 68px;
    left:4%;
    max-width: 90%;
}
.current_txt .item {
	font-family: 'FuturaBook';
}

.imgcontainer {
	overflow: hidden;
}

.fullwidth {
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.scrolldown {
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	width: 40px;
	left: 50%;
	transform: translateX(-50%);
}

.home .item { padding-bottom: 15px; }

.home .item h3 {
	font-family: 'FuturaBook';
	font-size: 14px;
	line-height: 24px;	
	letter-spacing: 2px;
	display: inline;
}
.home .item b, .home .item u {
	font-family: 'FuturaMedium';
}
.home .item i {
font-family: 'FuturaMedium';
}

.home .videocontainer {
	margin-top: 24px;
	position: relative;
	width: 96%;
}


.home .videocontainer .playbtn {
	position: absolute;
	height: 80px!important;
	max-height: 80px;
	width: auto!important;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index: 20;

}

.home .homevid {
	width: 100%;
}

.home .content .item a { border-bottom: 1px #999 dotted; } 
.home .content .item a.clean { border-bottom: none; } 


/*** exhibition ***/
.exhib  {
	width: 100%;
	display: table;
}

.exhibit .exhib  {
	min-height: 130px;
}


.exhib .item {
	display: inline-block;
	width: 50%;
	height: 100%;
	padding: 0 0 18px 0;
    vertical-align: bottom;
    font-family: 'FuturaBook';
}
@-moz-document url-prefix('') {
    .exhib .item { display: table-cell; }
}
.exhib .item { display: table-cell; }

.exhib .item i {
	font-family: inherit;
}


.exhib .item b {
	font-family: inherit;
}


.exhibsub {
	font-family: 'FuturaBook';
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: right;
}

.exhibsub li {
	display: inline-block;
	padding: 0 0 0 10px;	
	text-align: right;
}

.exhibsub a.hi { color: #999; }

.toplink {
	font-family: 'FuturaBook';
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/*.exhiblist { margin-left: 4%; }*/

.exhibitlist .content {
    margin-top: 134px;
}

.exhibitlist .content h1 {
	font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 34px;	
	margin-bottom: 25px;
/*	letter-spacing: 1px;*/
}

.exhibitlist #galold b {
	font-family: 'FuturaBook';
}

.exhiblist li {
	display: inline-block;
	width: 21%;
	margin: 0px 4.7% 40px 0;
	vertical-align: top;
}

.exhiblist li img {
	width: 100%;
	max-width: 100%;
}

.exhiblist li:nth-of-type(4n) { 	margin-right: 0; }

.exhiblist li .listimg {
	width: 21vw;
	height: 13vw;
	overflow: hidden;
	margin-bottom: 15px;
}
.exhiblist li .listimg img {
	position: relative;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.imgs {
	position: relative;
	/*overflow-y: hidden;*/
	/*height: 100%;*/
	margin-top: 6px;
}

a.langtog { border: none!important; }


.text, .video, .videos, .cv, .portfolios, .texts { position: relative; display: none; /*min-height: 100%;*/ }

.cv .item p { margin-bottom: 17px; }

.text, .video, .videos, .cv, .portfolios, .texts  {
	position: relative;
}

.text .en, .item .en { display: none; }

.cv .item {
	font-family: 'FuturaLight';
	font-size: 23px;
	line-height: 34px;	
}

.cv .item b {font-family: 'FuturaMedium'; }

.videos .item, .portfolios .item, .texts .item {
	font-family: 'FuturaLight';
	font-size: 23px;
	line-height: 38px;	
}

.videos .item p, .portfolios .item p, .texts .item p {
	margin-bottom: 24px;
}

.videos .item i, .portfolios .item i, .texts .item p i {
	font-family: 'FuturaLightItalic';
}

.videos .item b, .portfolios .item b, .texts .item p b {
	display: none;
}

.tog p a { border-bottom: 1px #999 dotted; }
.tog p a:hover { border-bottom: 1px #000 dotted; }


.artist .item h2 { font-family: 'FuturaBook'; }


.artvideos li {
	display: inline-block;
	width: 21%;
	margin: 30px 4.7% 30px 0;
	vertical-align: top;
	position: relative;
}

.artvideos li

.artvideos li img {
	width: 100%;
	max-width: 100%;
}

.artvideos li:nth-of-type(4n) { 	margin-right: 0; }

.artvideos li .listimg {
	width: 21vw;
	height: 13vw;
	overflow: hidden;
	position: relative;
}
.artvideos li .listimg img {
	position: relative;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.artvideos li .listimg a { 
	position: absolute;
	z-index: 1; 
	width: 60px;
	height: 60px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.artvideos li .listimg a img {
	max-width: 100%;
}



#vid iframe { 
	position: absolute;
	left: 50%;
	top: 0;
	margin-top: 0;
	max-width: 100%;
	transform: translateX(-50%);
}



.rslides {
  position: relative;
  list-style: none;
	/*overflow-y: hidden;*/
  width: 100%;
/*  max-height: 100%;	*/
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  }

.rslides li:first-child {
  position: absolute;
  display: block;
  float: left;
/*  max-height: 100%;*/
  }
  
  .rslides li a { display: block;}

.rslides li img {
	display: block;
	width: auto;
	height: 90%;
	max-height: 90%;
	margin: 0 auto;
	border: 0;
}

.rslides li img.playbtn {
	position: absolute;
	height: 90px!important;
	max-height: 90px;
	width: auto!important;
	left: 50%;
	top:40%;
	transform: translate(-50%,-50%);
	z-index: 20;
}



.line {
	position: relative;
	width: 100%;
	height: 55px;
}

.exside {
	position: absolute;
	top: -2px;
	right: 2px;
	font-size: 14px;
	letter-spacing: 1px;
    font-family: 'FuturaBook';	
	z-index: 999;
}

.caption {
	display: block;
	font-size: 13px;
	line-height: 22px;
	color: #666;
    font-family: 'robotolight';	
    width: 100%;
    padding-top: 15px;
    text-align: center;
    z-index: -1;
}

.caption b { font-family: 'robotolight'; font-weight: normal; font-style: normal; }
.caption i { font-family: 'robotolight'; font-weight: normal; font-style: normal; }

.counter {
	display: block;
    text-align: right;
    margin-bottom: 25px;
}
.inquire
{
	font-family: 'FuturaBook';
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: 1px #000 solid;
	padding: 0 4px 0 6px;
	background-color: #fff;
	z-index: 900;
}




.rslides1_nav
{
	position: absolute;
	z-index: 500;
	top: 0;
	text-decoration: none;
	color: #000;
	opacity: 0.6;
	width: 10%;
	height: 80%;
	top: 69px;
	background-repeat: no-repeat;
	background-size: 12px ;
}


.prev { 
	left: 0; 
	background-image: url(imgs/pfeil_li.svg);
	background-position: center left;	
}
.next { 
	right: 0; 
	background-image: url(imgs/pfeil_re.svg);
	background-position: center right;	
}

/** artist **/

.artists .content {
    margin-top: 182px;
}

.artist .content {
    margin-top: 112px;
}

.artlist  {
	font-family: 'FuturaLight';
	font-size: 43px;
	line-height: 58px;	
 -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
}

.artlist li {
/*	float: left; */
	width: 90%;	
	margin-right: 10%;
}
/*.artlist li:nth-of-type(2n) { 	margin-right: 0; } */
.avail {
 -webkit-column-count: 1;
    -moz-column-count: 1;
         column-count: 1;
}

h2.worksavail {
	font-family: 'FuturaBold';
	font-size: 30px;
	line-height: 38px;	
	margin-top: 70px;
}


.artist .exhib .item h2 {
	font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 38px;	
}

/*** fairs ***/

.fairs .content {
    margin-top: 134px;
}

.fairs .content h1 {
	font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 34px;	
	margin-bottom: 27px;
}

/*** publications ****/

.publications .content {
    margin-top: 134px;
    position: relative;
}

.publications .thb { max-width: 100%; }

.publications .item {
	font-family: 'FuturaLight';
	font-size: 19px;
	line-height: 26px;	
	margin: 15px 0 50px 0; 
}

.publications .item H2 {
	font-family: 'FuturaMedium';
	font-size: 19px;
	line-height: 26px;	
}
.publications .item p {
	margin: 0;
}

.publications .sp01 { margin: 0 2.5% 0 0; }

.publications .toplink { 
position: absolute;
top: 0;
right: 0;
z-index: 1;
}


.publications .inquire {
	width: 78px;
	text-align: center;
	margin-top: 15px;
	margin: 15px 0 40px 0; 
}

.publications .intro {
	margin-bottom: 64px;
	max-width: 1002px;
    width: 75%;
}
.publications .intro p { margin: 0 0 17px 0 ; }


.publications .intro .lang {
    font-family: 'FuturaLight';
    font-size: 23px;
    line-height: 34px;
    padding: 1px;
}
.publications .intro .en { display: none ; }

.publications  h1 {
    font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 34px;	
margin-bottom: 17px;
}

/*** bookshop ***/

.bookshop .content {
    margin-top: 134px;
}

.bookshop .sp03 {
    font-family: 'FuturaLight';
    font-size: 23px;
    line-height: 34px;	
	max-width: 880px;
} 

.bookshop .item {
	padding: 0 0 0 0;
	margin-bottom: 17px;
}
.bookshop .item.img { margin-top: 48px; }

.bookshop  h1 {
    font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 34px;	
	margin-bottom: 17px;
}
.bookshop p b  {  font-family: 'FuturaMedium'; }

.bookshop p { margin: 0 0 17px 0 ; }

.bookshop .item a { 
	font-family: 'FuturaMedium';
	border-bottom: 1px #999 dotted; 
    line-height: 34px;
}

.bookshop .sma { font-size: 17px; }

.bookshop .credit { font-size: 17px; line-height: 17px; } 



/*** news **/


.news .content {
    margin-top: 134px;
}

.news .content h1 { 
	font-size: 30px;
	line-height: 34px;	

}

.news img { 
	margin-top: 8px;
	max-width: 100%;
}

.news .images { 
	text-align: right; 
}

.news .item .sp01 { margin-top: 4px;}

.news .item {
	font-family: 'FuturaLight';
	font-size: 19px;
	line-height: 26px;	
	height: auto;
}

.news .item i {	font-family: 'FuturaLightItalic'; }
.news .item p {
	margin: 0 0 15px 0 ;

}
.news .item H2, .news .item b {
	font-family: 'FuturaMedium';
}


.sp01 {
	float: left;
	width: 21%;
	margin: 30px 2.5% 30px 0;
}
.sp01:first-of-type { 	/*margin-left: 4%;*/ }
.sp01:nth-of-type(4n) { 	margin-right: 0; }

.sp02 {
	float: left;
	width: 48%;
}	
.sp02:first-of-type { 	margin-right: 4%; }
.sp02:nth-of-type(2n) { 	margin-right: 0; }

.sp03 {
	float: left;
	width: 75%;
}	

.item { 
	margin-bottom: 30px; 
	font-family: 'FuturaLight';
	font-size: 23px;
	line-height: 34px;		
	max-width: 1002px;
}

.item i { font-family: 'FuturaLightItalic'; }

.item p {	margin-bottom: 34px; }

.item b, .item strong { font-family: 'FuturaMedium'; }

.item en { display: none; }

.item h2 {
	font-family: 'FuturaMedium';
	font-size: 23px;
	line-height: 34px;
}

.item h4 {
	font-family: 'FuturaMedium';
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/** contact about **/

.about .content {
    margin-top: 134px;
}

.about .content p {
	margin-bottom: 34px;
}

.about .content p a { border-bottom: 1px #000 dotted; }

.about .item  {
	font-family: 'FuturaLight';
	font-size: 19px;
	line-height: 26px;

}	

/*** showroom ***/

.showroom .content {
    margin-top: 134px;
}

.showroom .content h1 {
	font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 34px;	
	margin-bottom: 25px;
/*	letter-spacing: 1px;*/
}

.showroom .item  {
	font-family: 'FuturaLight';
	font-size: 23px;
	line-height: 34px;
    width: 75%;
    padding: 1px;
	max-width: 1000px;
}


.showroom .item h1 {
	font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 18px;
}
.showroom .item h2 {
	font-family: 'FuturaLight';
	font-size: 43px;
	line-height: 48px;	
	margin-bottom: 17px;
}

.showroom .item.work  {
	margin: 26px 0  0 115px;
	padding: 1px;
}

.showroom .item.work p {
	margin-bottom: 17px;
}


.showroom .showinfo  {
	font-family: 'FuturaLight';
/*	font-size: 17px;
	line-height: 26px;*/
}
.showroom .showinfo h3  {
	font-family: 'FuturaMedium';
	font-size: 30px;
}


.showroom .item .rareimgs {
	display: inline-block;
	width: 50%;
}


.showroom .item .rare {
	display: inline-block;
	width: 50%;
}

.showroom .item .rareimgs div {
	display: inline-block;
	position: relative;
	margin-left: 2%;
	max-width: 48%;
	height: auto;
}

.showroom .item .rareimgs div a {
	
}

.showroom .item .rareimgs div a .playbtn {
	position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 45%;
    z-index: 10;
	transform: translate(-50%,-50%);
}

.showroom .item .rareimgs.one a {
	width: 100%;
	margin-left:0;	
}

.showroom .item .rareimgs.one a img {	max-width: 100%; }


.showroom .inquire {
	width: 78px;
	text-align: center;
	margin-top: 15px;
	margin: 20px 0 20px 0; 
}
/*** rare ***/

.rare .content { margin-top: 134px; }

.rare .item {
    font-family: 'FuturaLight';
    font-size: 23px;
    line-height: 34px;
    width: 75%;
    padding: 1px;
}


.rare .item h1 {
	font-family: 'FuturaBook';
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 12px;
}
.rare .item h2 {
	font-family: 'FuturaLight';
	font-size: 43px;
	line-height: 48px;	
	margin-bottom: 17px;
}

.rare .item.work  {
	margin: 26px 0  48px 115px;
	padding: 1px;
}

.rare .item .rareimgs {
	display: inline-block;
	width: 50%;
}

.rare .item .rareimgs a {
	max-width: 48%;
	margin-left: 2%;
}
.rare .item .rareimgs.one a {
	width: 100%;
	margin-left:0;	
}

.rare .item .rareimgs.one a img { max-width: 100%; } 
.rare .item .rareimgs .thb { max-width: 48%; }


.rare .inquire {
	width: 78px;
	text-align: center;
	margin-top: 15px;
	margin: 20px 0 20px 0; 
}

/*** datenschutz ***/ 

.dts .content  {
    margin-top: 134px;
    
}
.dts .content .item {
	font-family: 'FuturaLight';
	font-size: 19px;
	line-height: 26px;
    
}


.dts  h1 {
    font-family: 'FuturaBook';
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 18px;
}



/*** modal inquire ***/

#modalX {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 100;
   cursor: pointer;
}

#modal {
	height: 70%;
	width: 40%;
	display: none;
}

#modal .close {
   position:absolute;
   z-index: 1000;
   width: 15px;
   height: 15px;
   top: 5px;
   right: 5px;
   cursor: pointer;
}

#modal .close img { width: 100%; }

.footer
{
	position: relative;
	font-family: 'FuturaLight';
	font-size: 17px;
	line-height: 26px;
	border-top: 1px #666 solid;
	padding-top: 1px;
	margin: 0 4% 20px 4%;
}

.footer .bold {font-family: 'FuturaBold'; }

.footer sp01:first-of-type  {
	padding-bottom: 20px;
}

.footer .soc {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 16px;
}
.footer .soc2 {
	width: auto;
	height: 22px;
}

.footer .soc img { width: 100%; }
.footer .soc2 img { height:100%; }

.footer .nwl { display: block; }

.footer a { border-bottom: 1px #999 dotted; }

.inquiry {
	font-family: 'FuturaBook';
	font-size: 14px;
	line-height: 22px;
}

.inquiry input, .inquiry textarea
{
	width: 100%;
	-webkit-appearance: none;
	-webkit-opacity: 1;
	border-radius: 0;
	margin: 0;
	padding: 14px 0;
	outline: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px #CCC solid;
	border-left: none;
}
	
.inquiry textarea {
	height: 200px;
}

.logo h1 {
	font-family: 'FuturaBold';
	font-size: 30px;
}

	.scrolldown { display: none; }


@media only screen and (max-width: 1220px) {
	.rare .item,
	.showroom .item { width: 100%; }
	
	.rare .item.work, 
  	.showroom .item.work {
		margin: 0 0 48px 0;
		padding: 1px;
	}

}

@media only screen and (max-width: 1020px) {
  .rare .item.work,
  .showroom .item.work 
  { margin-left: 0; }
}

@media only screen and (max-width: 980px) {
	.sp03 { width: 100%; }
	.exhibsub li { padding-left: 3px; }
	.bookshop img { max-width: 100%; }

  #modal {
	height: 90%;
	width: 90%;
	}
  
}

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


	
	.headbg, .menu { min-height: 100%; }
	.header { position: absolute; }

	
	.menu  {
		margin-top: 10px;
		border-top: 1px #ccc solid;
	}
	
	.menu ul.main li
	{
		float: none;
		display: block;
		margin-right: 0;
		margin: 10px 0 5px 0;
		border-bottom: 1px #ccc solid;
	}
	
	.menu ul.main li a { display: block; min-height: 48px; }
	
	.menu ul.main li ul.sub li {
		margin: 0 0;
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.current_txt {
		position: relative;
		height: auto;
		padding: 1px;
		margin-bottom: 68px;
	}
	
	.current_txt .item {
		padding: 1px 0 16px 0;

	}

	.exside { top:-92px; }


	.exhib .item {
		display: block;
		width: 100%;
		min-height: 0px;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
	}
	.exhibsub { text-align: left; margin-top: 20px; }
	
	.exhiblist li {
		display: inline-block;
		width: 31%;		
		margin: 0px 3% 40px 0;
    }
    .exhiblist li:nth-of-type(4n) { margin-right: 3%; }
    .exhiblist li:nth-of-type(3n) { margin-right: 0; }
    .exhiblist li .listimg {width:100%; height: 18vw; }
    
    .artlist { font-size: 34px; line-height: 48px; }
    
    .artvideos li {
		width: 31%;		
		margin: 0px 3% 40px 0;    
    }

    .artvideos li:nth-of-type(4n) { margin-right: 3%; }
    .artvideos li:nth-of-type(3n) { margin-right: 0; }
    .artvideos li .listimg {width:100%; height: 18vw; }

	.artists .content {
		margin-top: 108px;
	}
	.artist .content {
		margin-top: 90px;
	}
		
    .footer .sp01 { 
    	width: 31%;		
		margin: 20px 3% 0 0; 
	}
	.footer .sp01:nth-of-type(3n) { margin-right: 0; }
	.footer .sp01:nth-of-type(4n) { padding-bottom: 50px; margin-top: 0;}
	.footer .sp01:nth-of-type(4n) br { display: none; }
	.footer .soc { margin-top: 16px; }	
	
}


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


	.header { height: 90px; }
	.headcontent { top: 12px; }
	.logo { top: -4px; max-width: 490px; line-height: 40px; }
	.logo h1 { font-size: 28px; line-height: 34px; }

	.header { position: absolute; }
	.headbg, .menu { min-height: 100%; }
	
	.current_txt .item { font-family: 'FuturaMedium'; }

	.current_txt { top: 90px; height: auto; }
	.imgcontainer { position: relative; padding-top: 10px;}
	
	body, 
	.item, 
	.current_txt .item, 
	.showroom .item,
	.rare .item,
	.publications .intro .lang {
		font-size: 19px;
		line-height: 26px;
	}
	
	.item p {
		margin-bottom: 26px;
	}

	.rare .item p { margin-bottom: 6px; }

	.rare .item.work {
		margin: 0 0 48px 0;
		padding: 1px;
	}

	.rare .inquire { 	margin: 0px 0 20px 0; }

	.publications .intro { width: 100%; margin-bottom: 19px;}
	
	.videos .item, .portfolios .item, .texts .item,
	.cv .item { 
		font-size: 19px;
		line-height: 26px;
	}
	
	.line {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	
	.footer .desk { display: none; }
	.footer .mob { display: block; }


	.menu { 
		position: absolute; 
		top: 0; 
		padding-bottom: 100px;  
		margin: 130px 0; 
		background-color: #fff;
		}


	.content { margin-top: 90px; }
	.home .content { margin-top: 20px; } 
	/*.home .item:first-of-type { margin-bottom: 0; } */
	
	.scrollbg { height: 85px; }	
	
	.about .sp02, 
	.news .sp02,
	.publications .sp01,
	.publications .sp02 {
    	float: none;
    	width: 100%;
    }

    .news .images {  text-align: left; }
    
	  #modal {
		height: 99%;
		width: 100%;
	}

	.artlist {
		 column-count: 1;
	}
	
	.footer .sp01 {
		width: 100%;
		margin: 20px 3% 0 0;
	}
	
 	.footer .nwl  { display: block; }
 	.footer .social { position: absolute; right: 0; top: 0; }
    .footer .social .soc { margin: 20px 0 0 16px; }
    .footer .fimp { display: block; }
	.footer .fimp:first-of-type { margin-top: 16px ; }
	.footer .fimp:last-of-type { margin-bottom: 16px ; }
}

@media only screen and (max-width: 550px) {
	.exhibsub {margin-top: 0; }
	.exhibsub li {  display: block; text-align: left; }
}

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

	.home .sp02 {
		float: none;
		width: 100%;
		margin-right: 4%;
	}
	

	.exhiblist li {
		display: inline-block;
		width: 48%;		
		margin: 0px 3% 40px 0;
    }
    .exhiblist li:nth-of-type(3n) { margin-right: 3%; }
    .exhiblist li:nth-of-type(2n) { margin-right: 0; }
    .exhiblist li .listimg {width:100%; height: 28vw; }
    
    .artlist { font-size: 34px; line-height: 48px; }
    
    .artvideos li {
		width: 48%;		
		margin: 0px 3% 40px 0;    
    }

    .artvideos li:nth-of-type(3n) { margin-right: 3%; }
    .artvideos li:nth-of-type(2n) { margin-right: 0; }
    .artvideos li .listimg {width:100%; height: 28vw; }

	.artlist {
		 column-count: 1;
	}
	
	.rare .item .rareimgs, .showroom .item .rareimgs  { width: 100%; }
	
    /*.news img {  width: 100%; } */
	.showroom .inquire { margin: 0 0 20px 0; }	
}

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

	.logo h1 { font-size: 26px; }
	
	.rare .item h2 {
		font-family: 'FuturaLight';
		font-size: 30px;
		line-height: 38px;
	}


	.exhiblist li {
		display: inline-block;
		width: 100%;		
		margin: 0px 3% 35px 0;
    }
    .exhiblist li:nth-of-type(3n) { margin-right: 0; }
    .exhiblist li:nth-of-type(2n) { margin-right: 0; }
    .exhiblist li .listimg {width:100%; height: 56vw; margin-bottom: 5px; }
    
    .artlist { font-size: 34px; line-height: 48px; }
    
    .artvideos li {
		width: 100%;		
		margin: 0px 3% 35px 0;
    }

    .artvideos li:nth-of-type(3n) { margin-right: 0; }
    .artvideos li:nth-of-type(2n) { margin-right: 0; }
    .artvideos li .listimg {width:100%; height: 56vw; }


}

@media only screen and (max-width: 400px) { 
	.footer .social .soc {  margin: 23px 0 0 5px; }
}