

@media only screen and (max-height: 720px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 720px),
only screen and (min-resolution: 192dpi) and (max-height: 720px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 720px) {

	.ablock-arrow-left,
	.ablock-arrow-right {
		left: 0px;
		right: 0px;
	}

	.bottom-half .smallno {
		display: none;
	}


}

@media only screen and (max-height: 600px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 600px),
only screen and (min-resolution: 192dpi) and (max-height: 600px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 600px) {



	.details-content .ablock-overlay
	.description-content .ablock-overlay {
		position: relative;
	}

	#description,
	#details {
		overflow-y: scroll;
		z-index: 600;
  		padding: 40px 30px 0;
	}

	.details-close,
	.description-close {
	  left: auto;
	  right: 15px;
	  bottom: auto;
	  top: 15px;
	  text-align: center;
	}

	.bottom-half img {
		display: none;
	}

}

@media only screen and (max-width: 1400px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px),
only screen and (min-resolution: 192dpi) and (max-width: 1400px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1400px) {

	.section-image-holder img.twothirds {
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
	}

	.section-image-holder img.square-295 {
		margin-top:-250px;
		width: 250px;
		height: 250px;
	}

}

@media only screen and (max-width: 1200px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px),
only screen and (min-resolution: 192dpi) and (max-width: 1200px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1200px) {

	.section-image-holder img.twothirds {
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
	}

	.section-image-holder img.square-295 {
		margin-top:-200px;
		width: 200px;
		height: 200px;
	}

	.team-list-item {
		width: 31.3333333333%;
	}

	.team-list-wrap > .team-list-item:nth-child(3) {
		margin-right: 0;
	}

	.portfolio-list-item .portfolio-item-overlay .pi-top .pi-top-content {
		font-size: 42px;
    	line-height: 42px;
	}

}

@media only screen and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1024px) {

	#description,
	.details-content {
		font-size: 16px;
		line-height: 24px;
	}

	.details-content .padder_10 {
		height: 3px;
	}

	.details-content .padder_40 {
		height: 20px;
	}

	.ablock-overlay.ablock-title-left {
	  text-align: left;
	  padding-left: 80px;
	  line-height: 24px;
	}

	.ablock-overlay.ablock-title-right {
	  text-align: right;
	  padding-right: 80px;
	  line-height: 24px;
	}

	#nav a {
	  font-size: 14px;
	  line-height: 14px;
	    margin: 0px;
		padding: 11px 8px 11px 8px;
	}

}

@media only screen and (max-width: 960px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px),
only screen and (min-resolution: 192dpi) and (max-width: 960px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 960px) {

	.section-image-holder img.twothirds {
		width: -webkit-calc(100% - 150px);
		width: calc(100% - 150px);
	}

	.section-image-holder img.square-295 {
		margin-top:-150px;
		width: 150px;
		height: 150px;
	}

	a.map-link {
		position: relative;
		right: 0;
		top: 0;
		padding: 0;
	}

	.team-pic-list .team-pic-item {
		width: 50%;
	}

	.team-pic-list .team-pic-item .team-pic-item-pic {
		width: 100%;
	}

	.projects-submenu a {
	    display: block;
	    padding: 6px 20px;
	}

	.smaller-960 {
		height: 30px;
	}

	.projects-submenu a.map-link {
		padding-top: 23px;
	}

}

@media(max-width:1024px){
.about_sec{padding:80px 0px;}	
}

@media(max-width:991px){
#home-top-big .htb-text .ablock-text.home-caption {width: 220px; max-width: 220px;}	
}

@media(max-width:767px){
.about_sec_title{width:100%;}
.about_sec_info{width:100%;}
.about_sec{padding:50px 0px;}
.about_sec_title h1{margin-bottom:30px;}	
.about_sec_title h1 br{display:none;}
.management_team{padding:60px 15px; }
.team-text-item{padding:20px 0px;}
.interiors-description, .desc{padding-left:15px; padding-right:15px;}
}

@media only screen and (max-width: 850px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 850px),
only screen and (min-resolution: 192dpi) and (max-width: 850px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 850px) {

	.team-pic,
	.team-wrap > .team7:nth-child(n+4) {
	  width: 50%;
	}

	.full-team-small {
		display: block;
	}

	.full-team-big {
		display: none;
	}

}

@media only screen and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 768px) {

	.lofi-768 {
		display: none;
	}

	.big-top-gap {
	  margin-top: 80px;
	}

	body {
		font-size: 18px;
		line-height: 32px;
	}

	h1,
	h1.project-title {
	  font-size: 36px;
	  line-height: 44px;
	}

	/*h3 {
	  font-size: 36px;
	  line-height: 44px;
	}*/

	/*#nav a {
	  margin: 5px 4px 0px 4px;
	}*/

	.alm-btn-wrap {
	  padding-top: 50px;
	}

	#footer {
	  padding: 30px 0px 60px;
	}
	.footer-left a br{display:none;}

#header {
    left: -webkit-calc(50% - 150px);
    left: calc(50% - 150px);
    right: -webkit-calc(50% - 150px);
    right: calc(50% - 150px);
    top: 20px;
    width: 300px;
}
	.portfolio-item-text .container {
		text-align: center;
	}

	.portfolio-item-text .container h1 {
	  position: relative;
	  left: auto;
	  bottom: auto;
	  padding: 0px;
	  text-align: center;
	  display: block;
	  float: none !important;
	}

	.portfolio-item-text .container a.button-link {
	  position: relative;
	  right: auto;
	  bottom: auto;
	  padding: 20px 0 0 0;
	  float: none !important;
	  clear: both;
	}

	.details-link {
	  left: 50px;
	  bottom: 70px;
	}

	.description-link {
	  right: 50px;
	  bottom: 70px;
	}

	.view-gal {
	  bottom: 70px;
	}

	/*#details,
	#description {
		width: 100%;
	}

	#description {
		right: -100%;
	}

	#details{
		left: -100%;
	}*/

	#details {
		padding: 0;
		overflow-y: scroll;
	}

	.details-content {
		float: left;
		width: 100%;
	}

	#details .ablock-overlay {
		position: relative;
		width: 100%;
	}

	#details .ablock-text {
	    padding: 130px 60px 80px;
	    width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.tb-15 .padder_0 {
		height: 20px;
	}

	.description-copy {
	    max-height: 99999999999px;
	    padding-right: 0px;
	}

	.insta-wrap .insta-pod {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 50px;
	}

	.insta-wrap .alm-reveal > .insta-pod:nth-child(3n+3) {
		margin-right: 4%;
	}

	.insta-wrap .alm-reveal > .insta-pod:nth-child(2n+2) {
		margin-right: 0;
	}

	.insta-wrap .alm-reveal > .insta-pod:nth-child(3n+4) {
		clear: none;
	}

	.insta-wrap .alm-reveal > .insta-pod:nth-child(2n+3) {
		clear: both;
	}

	/*#description .ablock-text,
	#details .ablock-text {
	  padding: 130px 60px 0;
	}*/

	.pcr-left {
		width: 100%;
		padding: 0 0 10px 0;
		margin: 0 0 20px;
		/*border-bottom: #97A1AE 1px solid;*/
	}

	.pcr-right {
		width: 100%;
		padding: 0 0 20px 0;
		margin: 0 0 30px;
	}

	.pcr-empty,
	.pcr-border {
		display: none;
	}

	#nav {
		display: none;
	}

	.mobile-menu-button {
		display: inline-block;
	}

	.page-content-repeater-wrap {
	    padding: 80px 0 0 0;
	}

	.page-content-repeater-item {
	    padding: 0 0 60px 0;
	}

	.home-title-area h1 {
		font-size: 56px;
		line-height: 66px;
		width: 90%;
		margin: 0 5%;
	}

	.team-pic-list .team-pic-item .team-pic-item-overlay {
		opacity: 1;
	}

	.container-fill,
	.portfolio-list-wrap {
		width: 100%;
		margin: 0;
	}

	.portfolio-list-item {
		margin-bottom: 0;
	}

	.search-list .portfolio-list-item {
		margin-bottom: 20px;
	}

	#bottom-bar {
		height: 51px;
		padding-top: 0;
	}

	.back-to-projects {
		bottom: 18px;
	}

	.ablock-overlay.ablock-title-left,
	.ablock-overlay.ablock-title-right {
	    text-align: center;
	    padding-left: 0;
	    padding-right: 0;
	}

	#search-wrap .search-overlay {
		opacity: 0.98;
	}

	#search-wrap .search-box {
	    padding: 43px 5% 50px 5%;
	    line-height: 24px;
	}

	#search-wrap .search-box span {
		padding-top: 17px;
		display: inline-block;
	}

	.touchevents .portfolio-list-item .portfolio-item-overlay {
		text-align: left;
		left: 20px;
		bottom: 20px;
		top: auto;
		right: 50px;
	}

	.touchevents .portfolio-list-item .portfolio-item-overlay .pi-cat,
	.touchevents .portfolio-list-item .portfolio-item-overlay .pi-text,
	.touchevents .portfolio-list-item .portfolio-item-overlay .pi-top,
	.touchevents .portfolio-list-item .portfolio-item-overlay .pi-top .pi-top-content {
		position: relative;
		opacity: 1;
		clear: both;
		float: left;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
	}

	.touchevents .portfolio-list-item .portfolio-item-overlay .pi-top .pi-top-content {
		font-size: 30px;
	    line-height: 40px;
	    font-family: Sailec-Medium, "HelveticaNeue", Helvetica, Arial, sans-serif;
	    font-weight: normal;
	    padding: 20px 0 0;
	}

	.touchevents .portfolio-list-item .portfolio-item-overlay .pi-line,
	.touchevents .portfolio-list-item .portfolio-item-overlay .pi-bg {
		display: none !important;
	}

}

@media only screen and (max-width: 707px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 707px),
only screen and (min-resolution: 192dpi) and (max-width: 707px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 707px) {

	.footer1,
	.footer-big .footer1 {
	  font-size: 18px;
	  line-height:24px;
	}

	.map-overlay,
	.map-overlay-key {
		display: none;
	}

	.acf-map {
		left: 0;
	}

}

@media only screen and (max-width: 640px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px),
only screen and (min-resolution: 192dpi) and (max-width: 640px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 640px) {

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.pcr-sub-wrap > .pcr-sub-item {
		width:100%;
	}

	.team-list-item {
		width: 48.5%;
	}

	.team-list-wrap > .team-list-item:nth-child(3) {
		margin-right: 3%;
	}

	.team-list-wrap > .team-list-item:nth-child(2),
	.team-list-wrap > .team-list-item:nth-child(4) {
		margin-right: 0;
	}

	.team-pic,
	.team-wrap > .team7:nth-child(n+4),
	.team-pic img {
	  width: 100%;
	}

	/*#nav a {
	  font-size: 15px;
	  line-height: 15px;
	  margin: 5px 4px 0px 4px;
	  padding: 11px 8px 11px 8px;
	}*/

	.footer2 span.foot-dot {
		color: white;
		clear: both;
		padding: 0;
		width: 0;
	}

	.ablock-arrow-left {
	  left: 10px;
	}

	.ablock-arrow-right {
	  right: 10px;
	}

	/*.ablock-overlay.ablock-title-left {
	  padding-left: 40px;
	}

	.ablock-overlay.ablock-title-right {
	  padding-right: 40px;
	}*/

	/*

	.top-half {
		height: 40%;
	}

	.bottom-half {
		height: 60%;
		height: -webkit-calc(60% - 60px);
		height: calc(60% - 60px);
	}

	*/

	.section-image-holder {
		margin-top: 80px;
	}

	.section-image-holder img.twothirds {
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
	}

	.section-image-holder img.square-295 {
		margin-top:-100px;
		width: 100px;
		height: 100px;
	}

	.description-link {
	  left: 0;
	  right: 0;
	  bottom: 50px;
	  text-align: center;
	  border-bottom: none;
	}

	.details-link {
	  left: 0;
	  right: 0;
	  bottom: 80px;
	  text-align: center;
	  border-bottom: none;
	}

	.view-gal {
	  bottom: 110px;
	  border-bottom: none;
	}

	.section-bottomer,
	.top-half {
	    height: 50vh !important;
	}

	.left-half {
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 50%;
	    width: 100%;
	}

	.right-half {
	    top: 50%;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	}

	#footer {
	    padding: 50px 0px 50px;
	}

	/*#footer .container {
		width: 100%;
		padding: 0 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}*/

	.footer-white,
	.footer-dark {
		/*display: none;*/
		width: 210px;
	}

	.footer-left,
	.footer-right {
		text-align: left;
	}

	.footer1 .footer-social {
		display: block;
	}

	.footer1 .footer-social svg {
		padding: 4px 7px 0 0 !important;
	}

	.footer1 .footer-social.fs-twitter svg {
		padding: 8px 7px 0 0 !important;
	}

	.footer2 a, .foot .footer2 a {
	    padding: 0 12px 0 0;
	    color: #465161;
	}



	.footerMobileGap {
		height: 25px;
	}

	.footer-social {
		line-height: 30px;
	}

	.contact-cover .footer-white {
	    display: inline-block;
	}

	.lofi-640 {
		display: none;
	}

	.smaller-640 {
		display: block;
		height: 50px;
		height: 25px;
	}

	.team-text-item .tti-left,
	.team-text-item .tti-right {
		width: 100%;
		float: left;
	}

	.team-text-item .tti-right {
		padding-top: 30px;
	}

	.testimonial-pod {
	    width: 100vw;
	}

	.dark-area-testimonials .padder_100 {
		display: none;
	}

	.testimonial-wrap {
	    padding: 0 0 50px;
	}

	#search-wrap input[type="search"] {
	    font-size: 60px;
	}

	.image-out {
		opacity: 1;
	}

	.gm-style .gm-style-iw {
		width: 100% !important;
	    width: 243px !important;
	    position: relative;
	    margin: 0 auto;
	}

	.gm-style .gm-style-iw > div {
		width: 100% !important;
	    width: 243px !important;
		max-width: 100% !important;
	    text-align: center;
	}

	.marker-style {
	    width: auto;
	    width: 243px;
	}

	.marker-text {
		clear: both;
	}

	.acf-map img {
	    width: 243px;
	    padding: 35px 0px 0;
	    overflow: hidden;
	}

	.media-relations {
	    padding-top: 25px;
	    display: block;
	}

}

@media only screen and (max-width: 600px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px),
only screen and (min-resolution: 192dpi) and (max-width: 600px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 600px) {

	.team-list-wrap > .team-list-item {
		width: 100%;
		margin-right: 0;
		text-align: center;
	}

	.team-pic-list .team-pic-item {
		width: 100%;
	}

	.container-fill-600 {
		width: 100%;
		margin: 0;
	}

	.tt-content {
		padding: 0 5%;
	}

	/*.container-fill-600 img {
		width: 100%;
	}*/

}

@media only screen and (max-width: 560px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 560px),
only screen and (min-resolution: 192dpi) and (max-width: 560px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 560px) {

	.search-list .portfolio-list-item {
		margin-bottom: 0px;
	}

	.search-list .portfolio-list-item img {
		width: 100%;
	}

}

@media only screen and (max-width: 500px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px),
only screen and (min-resolution: 192dpi) and (max-width: 500px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 500px) {

	#header {
		left: 10%;
		right: 10%;
		width: 80%;
	}

	#logo {
		width: 100%;
		max-width: 220px;
	}

	.project-meta-links {
	    top: 109px;
	}

	.testimonial-pod .container-narrower {
	    padding: 0 30px;
	}

}

@media only screen and (max-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px),
only screen and (min-resolution: 192dpi) and (max-width: 480px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 480px) {
	
	/*#bottom-bar {
	  height: 35px;
	  padding: 0px 0px 0px;
	}*/

	#nav li {
		margin-top: -5px;
	}

	#nav a {
	  font-size: 13px;
	  line-height: 13px;
	  margin: 0px 0px 0px 0px;
	  padding: 1px 5px 1px 5px;
	}

	#details .ablock-text {
	    padding: 80px 50px 50px;
	}

	.details-close,
	.description-close,
	.contact-close,
	.whitehall-close,
	.map-close,
	#search-wrap .search-close {
	  left: auto;
	  right: 15px;
	  bottom: auto;
	  top: 15px;
	  text-align: center;
	}

	.fancybox-close {
	    top: 0px;
	    right: 0px;
	    padding: 15px 15px 15px 15px;
	}

	/*#header {
	  left: -webkit-calc(50% - 45px);
	  left: calc(50% - 45px);
	  right: -webkit-calc(50% - 45px);
	  right: calc(50% - 45px);
	  top: 20px;
	  width: 90px;
	}*/

	/*#header {
	  left: 8%;
	  right: 8%;
	  top: 10px;
	  width: 84%;
	}*/

	/*

	.top-half {
		height: 20%;
	}

	.bottom-half {
		height: 80%;
		height: -webkit-calc(80% - 80px);
		height: calc(80% - 60px);
	}

	*/

	.section-image-holder {
		margin-top: 40px;
	}

	.section-image-holder img.twothirds {
		width: 100%;
	}

	.section-image-holder img.square-295 {
		margin-top:30px;
		width: 100%;
		height: auto;
	}

	.insta-wrap .insta-pod {
		float: left;
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 30px;
	}

	.bottom-half .smallno {
		display: none;
	}

	#search-wrap input[type="search"] {
	    font-size: 32px;
	}

	.home-title-area h1 {
		font-size: 42px;
		line-height: 52px;
	}

	.home-project-link {
		left: 20px;
	}

	.home-project-link img {
		display: none;
	}

	#mobnav li a, #mobnav ul li a {
	    font-size: 32px;
	    line-height: 32px;
	}

	.whitehall-cover {
	    font-size: 18px;
	    line-height: 30px;
	}

	.bigger-480 {
		height: 40px;
	}

	.container-fill-480 {
		width: 100%;
		margin: 0;
	}

	.container-fill-480 img {
		width: 100%;
	}

	.studio-wrap img {
	    margin-bottom: 0px;
	}
		
}

@media only screen and (max-width: 400px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 400px),
only screen and (min-resolution: 192dpi) and (max-width: 400px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 400px) {

	.ablock-arrow-left,
	.ablock-arrow-right {
		left: 0px;
		right: 0px;
	}

	.ablock-overlay.ablock-title-left,
	.ablock-overlay.ablock-title-right {
	  	padding: 0 30px;
	  	font-family: Sailec-Light, "HelveticaNeue", Helvetica, Arial, sans-serif;
	  	font-weight: normal;
	  	text-align: center;
	  	font-size: 18px;
	  	line-height: 26px;
	}

	.ablock-overlay.ablock-title-right {
    padding-right: 40px;
}

	#home-top-big h1 {
	  font-size: 30px;
	  line-height: 40px;
	}

}

/*@media only screen and (max-height: 410px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 410px),
only screen and (min-resolution: 192dpi) and (max-height: 410px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 410px) {

	#header {
	  left: -webkit-calc(50% - 30px);
	  left: calc(50% - 30px);
	  right: -webkit-calc(50% - 30px);
	  right: calc(50% - 30px);
	  top: 10px;
	  width: 60px;
	}

}*/

@media(max-width:1025px){
.portfolio-list-item .portfolio-item-overlay .pi-bottom .pi-bottom-content, .portfolio-list-item .portfolio-item-overlay .pi-cat{opacity:1;}
.portfolio-list-item .portfolio-item-overlay .pi-bg{opacity:0.7 !important;}
.touchevents .portfolio-list-item .portfolio-item-overlay .pi-line, .touchevents .portfolio-list-item .portfolio-item-overlay .pi-bg{display:block !important}
.portfolio-list-item .portfolio-item-overlay {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    text-align: center;
    color: #FFFFFF;
}
.touchevents .portfolio-list-item .portfolio-item-overlay .pi-cat, .touchevents .portfolio-list-item .portfolio-item-overlay .pi-text, .touchevents .portfolio-list-item .portfolio-item-overlay .pi-top, .touchevents .portfolio-list-item .portfolio-item-overlay .pi-top .pi-top-content {
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    opacity: 1;
    position: absolute; text-align:center;
    top: 50%;
    right: 0;
    left: 0;
    font-size: 12px;
    line-height: 12px;
    font-family: Sailec-Light, "HelveticaNeue", Helvetica, Arial, sans-serif;
}
.touchevents .portfolio-list-item .portfolio-item-overlay .pi-cat, .touchevents .portfolio-list-item .portfolio-item-overlay .pi-text, .touchevents .portfolio-list-item .portfolio-item-overlay .pi-top, .touchevents .portfolio-list-item .portfolio-item-overlay .pi-top .pi-top-content {
    position: absolute;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 0; opacity:1;
}
.portfolio-list-item .portfolio-item-overlay .pi-bottom{top:0%;}
.portfolio-list-item .portfolio-item-overlay .pi-bottom .pi-bottom-content{line-height:20px;}
}