/** ipad 11 pro **/
@media only screen and (max-width: 834px) and (min-height: 1040px) {
	.frame {
		height: auto!important;
	}
	.frame ul {
		height: auto!important;
		display: flex;
		flex-direction: column;
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame-wrapper {
		position: fixed;
	    width: 100%;
	    /*top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);*/
	    left: 0;
	    overflow-x: hidden;
    	overflow-y: auto;
    	overflow: hidden;
    	margin-top: 6px;
    	margin-top: 0px;
    	top: calc(100vh / 14 - -6px);
	}
	.frame ul li {
		width: 100%;
	}
	.frame ul li.frame-item {
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame ul li .inner {
		width: 100%;
		writing-mode: unset;
		transform: unset;
		padding-bottom: 0px;
		padding-left: 25px;
		padding-right: 13px;
		height: calc(100vh / 14);
	    bottom: auto;
	    top: 0;
	}
	.frame ul li.active-project .inner {
		padding-bottom: 0px;
	}
	.frame-header {
    	
    	width: 100%!important;
	}
	body[data-load='0'] .frame-header {
	    height: calc(50% + 2px)!important;
	}
	body[data-load='1'] .frame-header {
	    
	}
	.frame-header .header-wrapper {
		padding-top: 0px;
		padding-left: 25px;
		width: 100%!important;
		writing-mode: unset;
		transform: rotate(0deg) translateY(0%);
    	-webkit-transform: rotate(0deg) translateY(0%);
	}
	body[data-load="0"] .frame-header {
    	width: 100%!important;
	}
	body[data-load="1"] .frame-header, .site-content.preLoaded .frame-header {
		    /*transform: translateY(calc(-100vh / 14 * 6 + -7px))!important;
		    -webkit-transform: translateY(calc(-100vh / 14 * 6 + -7px))!important;*/
		    
		    transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
		    -webkit-transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
	}

	.frame-footer {
		width: 100%!important;
		top: auto;
		bottom: 0px;
		border-top: 1px solid #fff;
	}	
	.site-content.preLoaded .frame-footer {
		width: 100%!important;
	}
	.frame-footer .footer-wrapper {
		padding-bottom: 0px;
		padding-right: 25px;
		writing-mode: unset;
		left: auto;
		right: 0px;
		width: 100%!important;
		transform: rotate(0deg) translateX(0%)!important;
    	-webkit-transform: rotate(0deg) translateX(0%)!important;
	}
	#page .frame-footer {
		border-left: unset!important;
		bottom: -1px;
	}
	body[data-load="0"] .frame-footer {
		width: 100%!important;
    	height: calc(50% + 2px)!important;
    	border-left: unset;
	}
	.frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	body.mac .frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	.frame ul li:before, body.mac .frame ul li:before {
		width: 100%!important;
		height: 1px;
	}
	.frame ul li .inner p.postTitle {
		padding-top: 0px;
	    height: 100%;
	    /* bottom: 6%;*/
	}
	.frame ul li.active-project .inner p.postTitle {
		bottom: 0;
		height: 100%;
	}
	#page .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
		left: 0px;
		width: 100%;
		/*top: calc(100vh / 14 + -5px);*/
		display: none;
	}
	#page .frame-header.active+.header-info {
		
	}
	body.safari .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
	}

	.footer-info {
		width: 100%;
		right: 0px!important;
		top: 6.5vh;
		border-top: 1px solid #fff!important;
	}
	#page .footer-info {
		border-left: unset!important;
	}
	#page .info-wrap .filter li:before {
		height: 1px;
		width: 100%!important;
		bottom: 0px;
	}
	.filter {
		width: 100%;
	}
	.filter li {
		width: 100%;
		margin: 0 0 0px 0;
	}
	.filter li a {
		writing-mode: unset;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		height: calc(100vh / 16)!important;
		padding-top: 4px;
		padding-left: 25px;
		width: 100%;
	}
	.filter li:nth-child(1)::before {
		opacity: 1;
	}
	.col-f6.col_Awards {
		padding-bottom: 15px!important;

	}
	.info-wrap .col-f6.col_About {
	    padding-bottom: 35px!important;
	    flex: 0 0 47%;
	}
	.info-wrap .col-f6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0px 15px 15px 15px;
		max-height: unset;
	}
	.info-wrap.about-text {
		height: calc(100vh - (100vh / 14 * 3));
	    width: 100vw;
	    writing-mode: tb-rl;
	}
	span.awName {
		padding-left: 0px;
    	padding-top: 10px;
	}
	.info-wrap .col_Awards li:first-child p, .info-wrap .col_Clients p:first-child, .info-wrap .col_About p:first-child {
		margin-top: 0px!important;
	}
	.project-info {
		width: 100%;
	}
	.active-project .project-info, .frame-item.loading .project-info, .frame-item.loaded .project-info {
		/*top: 0px!important;*/
	}
	
	.frame ul li .inner .postYear {
		height: 100%;
		top: 0px;
	}
	.frame ul li .inner-info {
		width: 100%!important;
		height: calc((100vw / 14 * 6))!important;
		left: auto;
		top: calc(100vw / 14 - 18px);
		transform: translateY(calc(-100vh / 14 * 6.07));
		height: 50%!important;

		padding-right: 0px;
		padding-left: 0px;
		top: calc(100vh / 14 * 2);
		transform: translateY(calc(-100vh / 12 * 6));
		left: 0;
	}
	.frame ul li.active-info .inner-info {
		transform: translateY(-1px);
		top: calc(100vw / 16);
		left: auto;
	}
	#page .frame ul li .inner-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important; 
		writing-mode: vertical-rl;
	}
	.frame ul li .inner-info .inner-info-wrap {		
		padding-right: 8px;
	}
	#content.siteLoaded {
		opacity: 1;
	}
	.lc {
		-webkit-transform: translate3d(0%, -50%, 0);
	    left: 0;
	    top: 50%;
	    bottom: auto;
	}
	.footer-wrapper:before {
		display: none;
	}
	.frame ul li .project-info .slick-item.single-vertical {
		width: 100vw;
	}	

	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper {
	    font-size: 18px!important;
	    font-size: calc((100vw / 16) / 2) !important;
	}
	.info-wrap .col_Awards p {
	    margin-right: 5px;
	}
	.frame ul li.active-info .inner .postYear:hover .l1 {
		background-color: #ccc;
	}
	.frame ul li.active-info .inner .postYear .l1 {
		opacity: 1;
		background: #fff;
	}
	.frame ul li.active-info .inner .postYear .l2 {
		opacity: 0;
		background-color: #000;
	}
	

	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper, .filter li a {
	    font-size: calc((100vw / 16) / 2) !important;
	}
	.info-wrap .col-f6 p, .frame ul li .inner-info .inner-info-wrap p {
	    font-size: calc((100vw / 16) / 2 * 0.6);
	}
	.info-wrap .col_Awards p {
	    margin-right: 3px;
	    margin-left: 3px;
	}
	.col_Awards .awardList li:first-child p {
	    margin-right: 15px;
	    margin-left: 15px;
	}
	.info-wrap .col_Awards li p.liTitle {
        margin-top: 0px;
        margin-right: 15px;
    }
    .frame ul li .slick-slider .slick-prev {
    	height: 20vh;
    	width: 100vw;
    }
    .frame ul li .slick-slider .slick-next {
	    height: 20vh;
	    width: 100vw;
	    top: auto;
	    bottom: 0;
	}

	.frame ul li .slick-slider .slick-arrow {
		display: none!important;
	}

    #page {
        overflow: hidden;
    }
    #mobScroller {
        display: none;
    }
    .ui-page-theme-a {
        overflow: hidden;
    }

}

/** end Ipad 11 pro ***/





/** ipad pro **/
@media only screen and (max-width: 1024px) and (min-height: 1250px) {
	.frame {
		height: auto!important;
	}
	.frame ul {
		height: auto!important;
		display: flex;
		flex-direction: column;
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame-wrapper {
		position: fixed;
	    width: 100%;
	    /*top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);*/
	    left: 0;
	    overflow-x: hidden;
    	overflow-y: auto;
    	overflow: hidden;
    	margin-top: 6px;
    	margin-top: 0px;
    	top: calc(100vh / 14 - -6px);
	}
	.frame ul li {
		width: 100%;
	}
	.frame ul li.frame-item {
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame ul li .inner {
		width: 100%;
		writing-mode: unset;
		transform: unset;
		padding-bottom: 0px;
		padding-left: 25px;
		padding-right: 13px;
		height: calc(100vh / 14);
	    bottom: auto;
	    top: 0;
	}
	.frame ul li.active-project .inner {
		padding-bottom: 0px;
	}
	.frame-header {
    	
    	width: 100%!important;
	}
	body[data-load='0'] .frame-header {
	    height: calc(50% + 2px)!important;
	}
	body[data-load='1'] .frame-header {
	    
	}
	.frame-header .header-wrapper {
		padding-top: 0px;
		padding-left: 25px;
		width: 100%!important;
		writing-mode: unset;
		transform: rotate(0deg) translateY(0%);
    	-webkit-transform: rotate(0deg) translateY(0%);
	}
	body[data-load="0"] .frame-header {
    	width: 100%!important;
	}
	body[data-load="1"] .frame-header, .site-content.preLoaded .frame-header {
		    /*transform: translateY(calc(-100vh / 14 * 6 + -7px))!important;
		    -webkit-transform: translateY(calc(-100vh / 14 * 6 + -7px))!important;*/
		    
		    transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
		    -webkit-transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
	}

	.frame-footer {
		width: 100%!important;
		top: auto;
		bottom: 0px;
		border-top: 1px solid #fff;
	}	
	.site-content.preLoaded .frame-footer {
		width: 100%!important;
	}
	.frame-footer .footer-wrapper {
		padding-bottom: 0px;
		padding-right: 25px;
		writing-mode: unset;
		left: auto;
		right: 0px;
		width: 100%!important;
		transform: rotate(0deg) translateX(0%)!important;
    	-webkit-transform: rotate(0deg) translateX(0%)!important;
	}
	#page .frame-footer {
		border-left: unset!important;
		bottom: -1px;
	}
	body[data-load="0"] .frame-footer {
		width: 100%!important;
    	height: calc(50% + 2px)!important;
    	border-left: unset;
	}
	.frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	body.mac .frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	.frame ul li:before, body.mac .frame ul li:before {
		width: 100%!important;
		height: 1px;
	}
	.frame ul li .inner p.postTitle {
		padding-top: 0px;
	    height: 100%;
	    /* bottom: 6%;*/
	}
	.frame ul li.active-project .inner p.postTitle {
		bottom: 0;
		height: 100%;
	}
	#page .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
		left: 0px;
		width: 100%;
		/*top: calc(100vh / 14 + -5px);*/
		display: none;
	}
	#page .frame-header.active+.header-info {
		
	}
	body.safari .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
	}

	.footer-info {
		width: 100%;
		right: 0px!important;
		top: 6.5vh;
		border-top: 1px solid #fff!important;
	}
	#page .footer-info {
		border-left: unset!important;
	}
	#page .info-wrap .filter li:before {
		height: 1px;
		width: 100%!important;
		bottom: 0px;
	}
	.filter {
		width: 100%;
	}
	.filter li {
		width: 100%;
		margin: 0 0 0px 0;
	}
	.filter li a {
		writing-mode: unset;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		height: calc(100vh / 16)!important;
		padding-top: 4px;
		padding-left: 25px;
		width: 100%;
	}
	.filter li:nth-child(1)::before {
		opacity: 1;
	}
	.col-f6.col_Awards {
		padding-bottom: 15px!important;

	}
	.info-wrap .col-f6.col_About {
	    padding-bottom: 35px!important;
	    flex: 0 0 47%;
	}
	.info-wrap .col-f6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0px 15px 15px 15px;
		max-height: unset;
	}
	.info-wrap.about-text {
		height: calc(100vh - (100vh / 14 * 3));
	    width: 100vw;
	    writing-mode: tb-rl;
	}
	span.awName {
		padding-left: 0px;
    	padding-top: 10px;
	}
	.info-wrap .col_Awards li:first-child p, .info-wrap .col_Clients p:first-child, .info-wrap .col_About p:first-child {
		margin-top: 0px!important;
	}
	.project-info {
		width: 100%;
	}
	.active-project .project-info, .frame-item.loading .project-info, .frame-item.loaded .project-info {
		/*top: 0px!important;*/
	}
	
	.frame ul li .inner .postYear {
		height: 100%;
		top: 0px;
	}
	.frame ul li .inner-info {
		width: 100%!important;
		height: calc((100vw / 14 * 6))!important;
		left: auto;
		top: calc(100vw / 14 - 18px);
		transform: translateY(calc(-100vh / 14 * 6.07));
		height: 50%!important;

		padding-right: 0px;
		padding-left: 0px;
		top: calc(100vh / 14 * 2);
		transform: translateY(calc(-100vh / 12 * 6));
		left: 0;
	}
	.frame ul li.active-info .inner-info {
		transform: translateY(-1px);
		top: calc(100vw / 16);
		left: auto;
	}
	#page .frame ul li .inner-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important; 
		writing-mode: vertical-rl;
	}
	.frame ul li .inner-info .inner-info-wrap {		
		padding-right: 8px;
	}
	#content.siteLoaded {
		opacity: 1;
	}
	.lc {
		-webkit-transform: translate3d(0%, -50%, 0);
	    left: 0;
	    top: 50%;
	    bottom: auto;
	}
	.footer-wrapper:before {
		display: none;
	}
	.frame ul li .project-info .slick-item.single-vertical {
		width: 100vw;
	}	

	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper {
	    font-size: 18px!important;
	    font-size: calc((100vw / 16) / 2) !important;
	}
	.info-wrap .col_Awards p {
	    margin-right: 5px;
	}
	.frame ul li.active-info .inner .postYear:hover .l1 {
		background-color: #ccc;
	}
	.frame ul li.active-info .inner .postYear .l1 {
		opacity: 1;
		background: #fff;
	}
	.frame ul li.active-info .inner .postYear .l2 {
		opacity: 0;
		background-color: #000;
	}
	

	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper, .filter li a {
	    font-size: calc((100vw / 16) / 2) !important;
	}
	.info-wrap .col-f6 p, .frame ul li .inner-info .inner-info-wrap p {
	    font-size: calc((100vw / 16) / 2 * 0.6);
	}
	.info-wrap .col_Awards p {
	    margin-right: 3px;
	    margin-left: 3px;
	}
	.col_Awards .awardList li:first-child p {
	    margin-right: 15px;
	    margin-left: 15px;
	}
	.info-wrap .col_Awards li p.liTitle {
        margin-top: 0px;
        margin-right: 15px;
    }
    .frame ul li .slick-slider .slick-prev {
    	height: 20vh;
    	width: 100vw;
    }
    .frame ul li .slick-slider .slick-next {
	    height: 20vh;
	    width: 100vw;
	    top: auto;
	    bottom: 0;
	}

	.frame ul li .slick-slider .slick-arrow {
		display: none!important;
	}

    #page {
        overflow: hidden;
    }
    #mobScroller {
        display: none;
    }
    .ui-page-theme-a {
        overflow: hidden;
    }

}


@media only screen and (max-width: 768px) and (min-width: 767px) {
	.frame {
		height: auto!important;
	}
	.frame ul {
		height: auto!important;
		display: flex;
		flex-direction: column;
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame-wrapper {
		position: fixed;
	    width: 100%;
	    /*top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);*/
	    left: 0;
	    overflow-x: hidden;
    	overflow-y: auto;
    	overflow: hidden;
    	margin-top: 6px;
    	margin-top: 0px;
    	top: calc(100vh / 14 - -6px);
	}
	.frame ul li {
		width: 100%;
	}
	.frame ul li.frame-item {
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame ul li .inner {
		width: 100%;
		writing-mode: unset;
		transform: unset;
		padding-bottom: 0px;
		padding-left: 25px;
		padding-right: 13px;
		height: calc(100vh / 14);
	    bottom: auto;
	    top: 0;
	}
	.frame ul li.active-project .inner {
		padding-bottom: 0px;
	}
	.frame-header {
    	
    	width: 100%!important;
	}
	body[data-load='0'] .frame-header {
	    height: calc(50% + 2px)!important;
	}
	body[data-load='1'] .frame-header {
	    
	}
	.frame-header .header-wrapper {
		padding-top: 0px;
		padding-left: 25px;
		width: 100%!important;
		writing-mode: unset;
		transform: rotate(0deg) translateY(0%);
    	-webkit-transform: rotate(0deg) translateY(0%);
	}
	body[data-load="0"] .frame-header {
    	width: 100%!important;
	}
	body[data-load="1"] .frame-header, .site-content.preLoaded .frame-header {
		    /*transform: translateY(calc(-100vh / 14 * 6 + -7px))!important;
		    -webkit-transform: translateY(calc(-100vh / 14 * 6 + -7px))!important;*/
		    
		    transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
		    -webkit-transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
	}

	.frame-footer {
		width: 100%!important;
		top: auto;
		bottom: 0px;
		border-top: 1px solid #fff;
	}	
	.site-content.preLoaded .frame-footer {
		width: 100%!important;
	}
	.frame-footer .footer-wrapper {
		padding-bottom: 0px;
		padding-right: 25px;
		writing-mode: unset;
		left: auto;
		right: 0px;
		width: 100%!important;
		transform: rotate(0deg) translateX(0%)!important;
    	-webkit-transform: rotate(0deg) translateX(0%)!important;
	}
	#page .frame-footer {
		border-left: unset!important;
		bottom: -1px;
	}
	body[data-load="0"] .frame-footer {
		width: 100%!important;
    	height: calc(50% + 2px)!important;
    	border-left: unset;
	}
	.frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	body.mac .frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	.frame ul li:before, body.mac .frame ul li:before {
		width: 100%!important;
		height: 1px;
	}
	.frame ul li .inner p.postTitle {
		padding-top: 0px;
	    height: 100%;
	    /* bottom: 6%;*/
	}
	.frame ul li.active-project .inner p.postTitle {
		bottom: 0;
		height: 100%;
	}
	#page .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
		left: 0px;
		width: 100%;
		/*top: calc(100vh / 14 + -5px);*/
		display: none;
	}
	#page .frame-header.active+.header-info {
		
	}
	body.safari .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
	}

	.footer-info {
		width: 100%;
		right: 0px!important;
		top: 6.5vh;
		border-top: 1px solid #fff!important;
	}
	#page .footer-info {
		border-left: unset!important;
	}
	#page .info-wrap .filter li:before {
		height: 1px;
		width: 100%!important;
		bottom: 0px;
	}
	.filter {
		width: 100%;
	}
	.filter li {
		width: 100%;
		margin: 0 0 0px 0;
	}
	.filter li a {
		writing-mode: unset;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		height: calc(100vh / 16)!important;
		padding-top: 4px;
		padding-left: 25px;
		width: 100%;
	}
	.filter li:nth-child(1)::before {
		opacity: 1;
	}
	.col-f6.col_Awards {
		padding-bottom: 15px!important;

	}
	.info-wrap .col-f6.col_About {
	    padding-bottom: 35px!important;
	    flex: 0 0 47%;
	}
	.info-wrap .col-f6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0px 15px 15px 15px;
		max-height: unset;
	}
	.info-wrap.about-text {
		height: calc(100vh - (100vh / 14 * 3));
	    width: 100vw;
	    writing-mode: tb-rl;
	}
	span.awName {
		padding-left: 0px;
    	padding-top: 10px;
	}
	.info-wrap .col_Awards li:first-child p, .info-wrap .col_Clients p:first-child, .info-wrap .col_About p:first-child {
		margin-top: 0px!important;
	}
	.project-info {
		width: 100%;
	}
	.active-project .project-info, .frame-item.loading .project-info, .frame-item.loaded .project-info {
		/*top: 0px!important;*/
	}
	
	.frame ul li .inner .postYear {
		height: 100%;
		top: 0px;
	}
	.frame ul li .inner-info {
		width: 100%!important;
		height: calc((100vw / 14 * 6))!important;
		left: auto;
		top: calc(100vw / 14 - 18px);
		transform: translateY(calc(-100vh / 14 * 6.07));
		height: 50%!important;

		padding-right: 0px;
		padding-left: 0px;
		top: calc(100vh / 14 * 2);
		transform: translateY(calc(-100vh / 12 * 6));
		left: 0;
	}
	.frame ul li.active-info .inner-info {
		transform: translateY(-1px);
		top: calc(100vw / 16);
		left: auto;
	}
	#page .frame ul li .inner-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important; 
		writing-mode: vertical-rl;
	}
	.frame ul li .inner-info .inner-info-wrap {		
		padding-right: 8px;
	}
	#content.siteLoaded {
		opacity: 1;
	}
	.lc {
		-webkit-transform: translate3d(0%, -50%, 0);
	    left: 0;
	    top: 50%;
	    bottom: auto;
	}
	.footer-wrapper:before {
		display: none;
	}
	.frame ul li .project-info .slick-item.single-vertical {
		width: 100vw;
	}	

	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper {
	    font-size: 18px!important;
	    font-size: calc((100vw / 16) / 2) !important;
	}
	.info-wrap .col_Awards p {
	    margin-right: 5px;
	}
	.frame ul li.active-info .inner .postYear:hover .l1 {
		background-color: #ccc;
	}
	.frame ul li.active-info .inner .postYear .l1 {
		opacity: 1;
		background: #fff;
	}
	.frame ul li.active-info .inner .postYear .l2 {
		opacity: 0;
		background-color: #000;
	}
	

	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper, .filter li a {
	    font-size: calc((100vw / 16) / 2) !important;
	}
	.info-wrap .col-f6 p, .frame ul li .inner-info .inner-info-wrap p {
	    font-size: calc((100vw / 16) / 2 * 0.6);
	}
	.info-wrap .col_Awards p {
	    margin-right: 3px;
	    margin-left: 3px;
	}
	.col_Awards .awardList li:first-child p {
	    margin-right: 15px;
	    margin-left: 15px;
	}
	.info-wrap .col_Awards li p.liTitle {
        margin-top: 0px;
        margin-right: 15px;
    }
    .frame ul li .slick-slider .slick-prev {
    	height: 20vh;
    	width: 100vw;
    }
    .frame ul li .slick-slider .slick-next {
	    height: 20vh;
	    width: 100vw;
	    top: auto;
	    bottom: 0;
	}

	.frame ul li .slick-slider .slick-arrow {
		display: none!important;
	}

    #page {
        overflow: hidden;
    }
    #mobScroller {
        display: none;
    }
    .ui-page-theme-a {
        overflow: hidden;
    }

}




/*
@media screen and (max-width: 480px) {
	body {
	    
	}
	.frame {
		height: auto!important;
	}
	.frame ul {
		height: auto!important;
		display: flex;
		flex-direction: column;
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame-wrapper {
		position: fixed;
	    width: 100%;
	    left: 0;
	    overflow-x: hidden;
    	overflow-y: auto;
    	overflow: hidden;

    	margin-top: 6px;
    	margin-top: 7px;
    	top: calc(100vh / 14 - -6px);
	}
	.frame ul li {
		width: 100%;
	}
	.frame ul li.frame-item {
		transition: all 0.7s ease-out!important;
		-webkit-transition: all 0.7s ease-out!important;
	}
	.frame ul li .inner {
		width: 100%;
		writing-mode: unset;
		transform: unset;
		padding-bottom: 0px;
		padding-left: 25px;
		padding-right: 13px;
		height: calc(100vh / 14);
	    bottom: auto;
	    top: 0;
	}
	.frame ul li.active-project .inner {
		padding-bottom: 0px;
	}
	.frame-header {
    	height: calc(50% + 2px)!important;
    	width: 100%!important;
	}
	.frame-header .header-wrapper {
		padding-top: 0px;
		padding-left: 25px;
		width: 100%!important;
		writing-mode: unset;
		transform: rotate(0deg) translateY(0%);
    	-webkit-transform: rotate(0deg) translateY(0%);
	}
	body[data-load="0"] .frame-header {
    	width: 100%!important;
	}
	body[data-load="1"] .frame-header, .site-content.preLoaded .frame-header {
		    
		    transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
		    -webkit-transform: translate3d(0,calc(-100vh / 14 * 6 + -7px),0)!important;
	}

	.frame-footer {
		width: 100%!important;
		top: auto;
		bottom: 0px;
		border-top: 1px solid #fff;
	}
	.footer-info, .frame-footer, .frame-header {
		
	}
	.site-content.preLoaded .frame-footer {
		width: 100%!important;
	}
	.frame-footer .footer-wrapper {
		padding-bottom: 0px;
		padding-right: 25px;
		writing-mode: unset;
		left: auto;
		right: 0px;
		width: 100%!important;
		transform: rotate(0deg) translateX(0%)!important;
    	-webkit-transform: rotate(0deg) translateX(0%)!important;
	}
	#page .frame-footer {
		border-left: unset!important;
		bottom: -1px;
	}
	body[data-load="0"] .frame-footer {
		width: 100%!important;
    	height: calc(50% + 2px)!important;
    	border-left: unset;
	}
	.frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	body.mac .frame-header:before {
		width: 100%;
	    height: 1px;
	    right: 0;
	    top: auto;
	    bottom: 0;
	}
	.frame ul li:before, body.mac .frame ul li:before {
		width: 100%!important;
		height: 1px;
	}
	.frame ul li .inner p.postTitle {
		padding-top: 0px;
	    height: 100%;
	}
	.frame ul li.active-project .inner p.postTitle {
		bottom: 0;
		height: 100%;
	}
	#page .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
		left: 0px;
		width: 100%;
		top: calc(100vh / 14 + -5px);
		display: none;
	}
	#page .frame-header.active+.header-info {
		
	}
	body.safari .header-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important;
	}

	.footer-info {
		width: 100%;
		right: 0px!important;
		top: 6.5vh;
		border-top: 1px solid #fff!important;
	}
	#page .footer-info {
		border-left: unset!important;
	}
	#page .info-wrap .filter li:before {
		height: 1px;
		width: 100%!important;
		bottom: 0px;
	}
	.filter {
		width: 100%;
	}
	.filter li {
		width: 100%;
		margin: 0 0 1px 0;
	}
	.filter li a {
		writing-mode: unset;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		height: calc(100vh / 14 - 1px)!important;
		padding-top: 4px;
		padding-left: 25px;
		width: 100%;
	}
	.filter li:nth-child(1)::before {
		opacity: 1;
	}
	.col-f6.col_Awards {
		padding-bottom: 15px!important;

	}
	.info-wrap .col-f6.col_About {
	    padding-bottom: 35px!important;
	    flex: 0 0 47%;
	}
	.info-wrap .col-f6 {
		flex: 0 0 50%;
		width: 50%;
		padding: 0px 15px 15px 15px;
		max-height: unset;
	}
	.info-wrap.about-text {
		height: calc(100vh - (100vh / 14 * 3));
	    width: 100vw;
	    writing-mode: tb-rl;
	}
	span.awName {
		padding-left: 0px;
    	padding-top: 10px;
	}
	.info-wrap .col_Awards li:first-child p, .info-wrap .col_Clients p:first-child, .info-wrap .col_About p:first-child {
		margin-top: 0px!important;
	}
	.project-info {
		width: 100%;
	}
	.active-project .project-info, .frame-item.loading .project-info, .frame-item.loaded .project-info {
		top: 0px!important;
	}
	.frame-item.active-project .project-info, .frame-item.loading .project-info {
		
	}
	
	.frame ul li .inner .postYear {
		height: 100%;
		top: 0px;
	}
	.frame ul li .inner-info {
		width: 100%!important;
		height: calc((100vw / 14 * 6))!important;
		left: auto;
		top: calc(100vw / 14 - 18px);
		transform: translateY(calc(-100vh / 14 * 6.07));
		height: 50%!important;


		padding-right: 0px;
		padding-left: 0px;
		top: calc(100vh / 14 * 2);
		transform: translateY(calc(-100vh / 12 * 6));
		left: 0;
	}
	.frame ul li.active-info .inner-info {
		transform: translateY(-1px);
		top: calc(100vw / 14 - -5px);
		left: auto;
	}
	#page .frame ul li .inner-info {
		border-right: unset!important;
		border-bottom: 1px solid #fff!important; 
		writing-mode: vertical-rl;
	}
	.frame ul li .inner-info .inner-info-wrap {
		
		padding-right: 8px;

	}
	#content.siteLoaded {
		opacity: 1;
	}
	.lc {
		-webkit-transform: translate3d(0%, -50%, 0);
	    left: 0;
	    top: 50%;
	    bottom: auto;
	}
	.footer-wrapper:before {
		display: none;
	}
	.frame ul li .project-info .slick-item {

	}
	.slick-track {

	}
	.frame ul li .project-info img {
		
	}
	.frame ul li .project-info .slick-item.single-vertical {
		width: 100vw;
	}
	
	

	.frame ul li .slick-slider {

	}



	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper {
	    font-size: 18px!important;
	}
	.info-wrap .col_Awards p {
	    margin-right: 5px;
	}



	.frame ul li.active-info .inner .postYear:hover .l1 {
		background-color: #ccc;
	}
	.frame ul li.active-info .inner .postYear .l1 {
		opacity: 1;
		background: #fff;
	}
	.frame ul li.active-info .inner .postYear .l2 {
		opacity: 0;
		background-color: #000;
	}
	

	.frame ul li .inner p.postTitle span, .frame-header .header-wrapper, .frame-footer .footer-wrapper, .filter li a {
	    font-size: 18px!important;
	}
	.info-wrap .col_Awards p {
	    margin-right: 3px;
	    margin-left: 3px;
	}
	.col_Awards .awardList li:first-child p {
	    margin-right: 15px;
	    margin-left: 15px;
	}
	.info-wrap .col_Awards li p.liTitle {
        margin-top: 0px;
        margin-right: 15px;
    }






    .frame ul li .project-info img {
    	
    }


    .frame ul li .project-info .slick-item {
    	
    }

    

    .frame ul li .project-info img {
    	
    }

    .frame ul li .slick-slider .slick-prev {
    	height: 20vh;
    	width: 100vw;
    }
    .frame ul li .slick-slider .slick-next {
	    height: 20vh;
	    width: 100vw;
	    top: auto;
	    bottom: 0;
	}

	.frame ul li .slick-slider .slick-arrow {
		display: none!important;
	}




    #page {
        overflow: hidden;
    }
    #mobScroller {
        display: none;
    }
    .ui-page-theme-a {
        overflow: hidden;
    }
     
}

*/