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

   #page-title br{
       display: none;
    }

}

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: -290px !important;*/
}
.sub-title-area.sta-publication{
	background-image: url('../img/bg/publication.jpg');
    /*background-position-y: -610px !important;*/
}
.sub-title-area.sta-branding{
	background-image: url('../img/bg/branding.jpg');
    /*background-position-y: -350px !important;*/
}
.sub-title-area.sta-alumni{
	background-image: url('../img/bg/alumni.jpg');
    /*background-position-y: -210px !important;*/
}
.sub-title-area.sta-designer{
	background-image: url('../img/bg/designer.jpg');
    /*background-position-y: -210px !important;*/
}
.sub-title-area.sta-planning{
	background-image: url('../img/bg/planning.jpg');
    /*background-position-y: -600px !important;*/
}

#projectNext {
	display: none;
	z-index: 599;
	position: fixed;
	width: 40px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 1.25rem;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}
body:not(.device-touch) #projectNext {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}
.stretched #projectNext { bottom: 30px; }
#projectNext:hover { background-color: #1ABC9C; }

.slider-dmu{position: absolute;right: 20px;top:20px;width: 70px;}
.slider-logo{position: absolute; right: 20px; bottom: 20px;}
.slider-title{position: absolute;left: 1rem;top: 1rem;z-index: 100;}
.slider-title * {color:#000;}
.slider-title img{width: 240px;}
.slider-subtitle{position: absolute;left: 2em;bottom: 0;z-index: 100;}
.slider-subtitle .ss-place{font-weight: 600;color: #000;font-size: 1rem; text-align: right}
.slider-subtitle .ss-title{display:none;font-weight: 600;opacity: .8;color: #000;text-shadow: 0 -4px 20px rgba(0, 0, 0, .25);}

.header-size-md #header-wrap #logo img {
    height: 30px;
}

@media (min-width: 992px) {

.header-size-md #header-wrap #logo img {
    height: 50px;
}

.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;}


.slider-title{left: 2rem;top: 3rem;}
.slider-title img{ width:350px}
.slider-subtitle .ss-place{font-size: 2rem;}
.slider-subtitle .ss-title{display: block}

}