p {font-weight: 600;}
.project-list{max-height: 200px; overflow: hidden;border: 1px solid #e4e4e4;}
.pcolor{color: #ffee04 !important;}
.main-box blockquote{margin-top: 2rem;}
.main-box .mb-qr{display: none;}

.review-title {margin-top:10px;}
.review-title h3{font-size: 1rem; text-align: center;}
.review-title h3::before{left: 50px;}


.tab-ss .tab-nav:not(.tab-nav-lg) li.ui-tabs-active a::after{display: none}
.tab-ss .tab-nav {display: inline-block;}
.tab-ss .tab-nav li{margin: 0.4rem;border: 1px solid #000000 !important;}
.tab-ss .tab-nav li a{padding: 0.8em 1.7em !important;color: #000000 !important;}
.tab-ss .tab-nav li a.ui-tabs-anchor{padding: 0}
.tab-ss .tab-nav li.ui-state-active, .tab-ss .tab-nav li.ui-state-hover{background-color: #000000;}
.tab-ss .tab-nav li.ui-state-active a, .tab-ss .tab-nav li.ui-state-hover a{color: #fff !important}

#page-title.sub-title-area{background-position: center;padding: 6rem 0;}


.sub-title-area.sta-marketing{
	background-image: url('../img/bg/marketing.jpg');
    background-position-y: -440px !important;
}
.sub-title-area.sta-multimedia{
	background-image: url('../img/bg/multimedia.jpg');
    background-position-y: -520px !important;
}
.sub-title-area.sta-computergraphics{
	background-image: url('../img/bg/computergraphics.jpg');
    background-position-y: -430px !important;
}
.sub-title-area.sta-publication{
	background-image: url('../img/bg/publication.jpg');
    background-position-y: -170px !important;
}
.sub-title-area.sta-branding{
	background-image: url('../img/bg/branding.jpg');
	background-position-y: -120px !important;
}
.sub-title-area.sta-alumni{
	background-image: url('../img/bg/alumni.jpg');
    background-position-y: -670px !important;
}
.sub-title-area.sta-designer{
	background-image: url('../img/bg/designer.jpg');
    background-position-y: -530px !important;
}
.sub-title-area.sta-planning{
	background-image: url('../img/bg/planning.jpg');
    background-position-y: -510px !important;
}


@media (min-width: 992px) {

.main-box{position: relative;}
.main-box blockquote{margin-top: 0;}
.main-box .mb-qr{display: block;position: absolute;bottom: 0;left: 0;margin-left: 48px;}
.main-box .mb-qr img{max-width: 160px;}
.main-box .mb-qr span{margin-left:1rem;vertical-align: bottom;}
.main-box p.txt span{display: block;}



.review-title {margin-top:0;}
.review-title h3{font-size: 1.8rem; text-align: left;}
.review-title h3::before{left: -70px;}

}