/* MOBILE RESPONSIVE */
/* small device ----------- */
@media only screen 
and (max-width: 800px) {
		body {  }
		.tagMobile { display:block; }
		.desktopOnly { display:none !important; }
		.mobileOnly { display:block !important; }

        h1 { font-family: 'Director', serif; font-size:28px; line-height:30px; margin-bottom:20px; font-weight:normal; }
		h2 { font-family: 'Director', serif; font-size:24px; line-height:26px; margin-bottom:10px; font-weight:normal; }
		h3 { font-family: 'Director', serif; font-size:20px; line-height:22px; margin-bottom:10px; font-weight:normal; }
		h4 { font-family: 'Director', serif; font-size:18px; line-height:20px; margin-bottom:5px; font-weight:normal; }
		h5 { font-family: 'Director', serif; font-size:16px; line-height:18px; margin-bottom:5px; font-weight:normal; }

		a.lnkButton { padding:10px 13px 8px 13px; min-width:70px; }
		
		/* SECTIONS */
        .contentSection { padding:50px 0 50px 0; }
        .contentSection.topSection { padding-top:120px; }
		.contentSection.fullScrn { min-height:auto; }
		/* WRAPPER */
        .contentWrap { }

		/* NAVIGATION & LOGO */
		#headerSection { padding:25px 0; }
		#headerSection.stickyHeader { /*background-image:linear-gradient(rgba(255,255,255, 0.9),rgba(255,255,255, 0.8),rgba(255,255,255, 0));*/ }
        .headerWrap { width:90%; }
        .headerLf { width:100%; margin-left:auto; margin-right:auto; text-align:center; }
        .headerMd { display:none; }
        .headerRg { display:none; }
        .logoTxt { margin:auto; font-size:14px; line-height:18px; margin-bottom:3px; width:100%; height:18px; /*background-color:rgba(255,255,255, 0.7);*/ }
        ul.nvMenu { display:flex; justify-content:center; align-items:center; }
        ul.nvMenu>li { float:none; margin:0 12px; font-size:14px; line-height:21px; }
		
		/* FOOTER */
		#footerSection { /*background-image:linear-gradient(rgba(255,255,255, 0),rgba(255,255,255, 0.8),rgba(255,255,255, 0.9));*/ }
		.footerWrap { width:90%; }
		.logoTxtXL>h1 { /*font-size:32px;*/font-size:8vw; line-height:34px; }
		
		/* CONTENT */
		.cntTxt.headTxt { width:92%; margin:auto; }
		.headBrief { font-size:13px; line-height:18px; }
		
		/* BANNER VIDEO */
        .videoWrap { position:absolute; top:0; bottom:0; left:0; right:0; }
        a.toggleVidMute { left:10%; bottom:17%; }
		
		/* EXHIBITION */
        ul.lstExhb>li { margin-bottom:15px; margin-left:33px; font-size:13px; line-height:16px; }
		
		/* WORKS */
		ul.wrkLst>li { width:100%; margin:20px auto !important; }
		ul.wrkLst>li:first-child { margin-top:0; }
		.wrkThb>label { left:0; right:0; margin:auto; }
		.wrkThb>label>span { max-width:80%; font-size:12px; line-height:12px; padding:2px 5px; }
		a.dispClose { z-index:10; position:absolute; top:110px; width:18px; height:18px; }
		.dispBx { width:90%; margin:160px auto 10px auto; }
		.dispFooter { width:90%; bottom:10%; padding:10px 0; }
		.dispLabel { font-size:32px; line-height:34px; width:100%; margin-bottom:5px; }
		.dispNote { font-size:13px; line-height:14px; }
		.dispPic { width:90%; height:53vh; margin-bottom:20px; }
		
		a.lnkDisp { position:fixed; bottom:0; top:0; margin:auto; width:20px; height:20px; /*background:url('../../i/icons/icn-arrw-disp-m.png?x=1422') no-repeat;*/ opacity:1.0; }
        a.lnkDisp.dispPrev { left:2%; /*background-position:4px 6px;*/ }
        a.lnkDisp.dispNext { right:2%; /*background-position:-26px 6px;*/ }
		
		/* PRINTS */
		ul.ctlgLst>li { margin:0 2%; min-width:48%; }
		.ctlgBrf { font-size:13px; line-height:16px; }
		/* catalog detail */
        .ctlgDetBx { width:96%; display:block; }
        .ctlgDetPic { width:100%; margin:0 0 20px 0; }
        .ctlgDetCnt { width:100%; text-align:center; }
        ul.ctlgDetBlock>li { font-size:13px; line-height:16px; }
        ul.ctlgDetBlock>li>h3 { font-size:18px; line-height:20px; }
        .actBx { display:flex; justify-content:center; align-items:center; }
        a.actLnk { display:inline-block; margin:2px 10px; }
        ul.ctlgCrsl { margin-top:25px; }
        ul.ctlgCrsl li { height:48vh; }
        
        /* ZZ Image Popup */
        #zz_frame .zz_close { top:106px; right:1.5%; width:27px; height:27px; }
        #zz_frame .zz_controls { top:90% !important; width:250px; }
        
        #zz_frame .zz_controls button {
            font-size:18px;
              margin: 0 10px;
        }
} 

/* SMALL SCREEN, iPHONE MINI */
@media only screen 
and (max-width: 360px) {
	.colmnFt.colAddrs { width:100%; }
	.colmnFt.colNav { width:100%; }
	ul.btmColCnt.colAddrs { width:100%; margin-right:0; }
}

/* VERY SMALL SCREEN, iPHONE 5 */
@media only screen 
and (max-width: 320px) {
	.colmnFt.colAddrs { width:100%; }
	.colmnFt.colNav { width:100%; }
	ul.btmColCnt.colAddrs { width:100%; margin-right:0; }
	ul.nvBookingLst>li.dl { float:left; width:48% !important; }
	ul.nvBookingLst>li.dlr { float:left; width:48% !important; margin-left:10px; }
	ul.nvBookingLst>li.dl input, ul.nvBookingLst>li.dlr input { width:68% !important; }
}

/* PHONES LANDSCAPE ORIENTATION */
@media only screen 
and (max-width: 1000px)
and (orientation: landscape) {
        .popRenoBx { bottom:20% !important; left:auto !important; right:1.5% !important; }
}

/* TABLET LANDSCAPE ORIENTATION */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	 	ul.nvMenu>li { letter-spacing:0.6px; padding:2px 0; margin:0 2.8%; }
	 	ul.offrsLst>li { margin:15px 20px; }
}