#services-head{padding:30px 0 18px 0;background:#fff}
#services-head a{font-weight:400; font-size:15px; color:#666}
#services-head h1{padding:10px 0px 20px 0px;color:#000; font-size:30px; font-weight:700}
#services-head h1.main-title{padding:20px 0px 20px 0px;color:#000; font-size:30px; font-weight:700}
#case-study-list{padding:0% 0% 3% 0%}
#case-study-list .item{display:block;width:280px;color:#545454 ;margin:0 auto; height: 229px;  position:relative;transition:all .4s ease; border-radius: 10px;background-color: #fafafa;box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.15);}
#case-study-list .item .img{position:absolute;padding:15px; overflow: none;width:100%; top:-30px;transition:all .4s ease-in-out;}
#case-study-list .item .img img{border-radius: 10px;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);}
#case-study-list .item .text{position: absolute;    padding:10px 15px 15px 15px;height: 30px; transition:all .3s ease-in-out;overflow:hidden;top:182px; }
#case-study-list .item .text .row{padding:10px 0}
#case-study-list .item h3{text-align:center;font-size: 15px; }
#case-study-list .item p{font-size:11px; line-height:20px;}
#case-study-list .item span{color:#B74119; font-size:14px; font-weight:300}
#case-study-list .item-cntnr{min-height:330px;}
#case-study-list .item-cntnr .cover{min-height:330px;}
#banner{margin-bottom:80px;}
#case-study-list .item:hover .img{transform:scale(1.14)}
#case-study-list .item:hover .text{height: 110px; top: 192px; }
#case-study-list .item:hover{height: 302px; z-index:3333}

 .project-link a{font-size:14px; color:#000}
 .project-link .btn-normal:after{height:0; }
 .project-link .btn-normal:hover:after{height:12px}
.work-intro p{margin-bottom:10px;}

.tags ul{ font-size:12px;}
.tags ul li{padding-bottom:8px; font-size:14px;}
.tags li:first-child{font-weight:700;color: #000;letter-spacing: 1px;}
#sec-one{padding:60px 15px 60px 15px}
#sec-one h2{padding-bottom:20px}
#case-study-details{padding-bottom:70px}
.player .vp-player-layout{border-radius:10px !important;}
#splash{width:100%; height:100%; background:white; position:absolute; z-index:999999999;    display: flex;
    align-items: center;
    justify-content: center;}
#splash img{display:inline-block; vertical-align:middle}

.img-zoom{width: 100%;height: 400px;overflow: hidden;position: relative; border-radius:10px; overflow:hidden}
.img-zoom img{width: 100%; position: absolute; top: -50px0;left: 50%;transform: translate(-50%);}

.img-zoom-2{width: 100%;height: 340px;overflow: hidden;position: relative; border-radius:10px; overflow:hidden}
.img-zoom-2 img{width: 100%; position: absolute; top: -50px;left: 50%;transform: translate(-50%);}
.project-link{display:none}
.grid {margin-top:100px; max-width: 1170px;}
.grid:after {content: '';display: block;clear: both;}
.grid .col-md-4 {}

.grid-item--red {  }
.grid-item--blue {   }
.filter-button-group{    border-top: solid 1px #e5e5e5;padding: 18px 0;border-bottom: solid 1px #e5e5e5;}
.filter-button-group a{text-transform: uppercase; transition:all .1s ease-in-out;letter-spacing:2px;font-size: 11.8px; display:inline-block;padding: 0 25px; color: #8d8c78; cursor:pointer}
.filter-button-group a:hover{color:#000}
.filter-button-group a.active{font-weight:700; color:#000}
.project-link .second{text-align:right; width:100%}

#the-result h2{margin-bottom:20px;}

@media (max-width: 575px) { 
#services-head a{display:block; margin-bottom:17px;}
.filter-button-group a:focus{background:#e5e5e5}
#services-head {padding: 20px 0 16px 0;}
#services-head h1 {padding:15px 0px; font-size:26px; }
.filter-button-group a{width:100%; padding:0 25px 0 0px}
.grid { margin-top: 76px; max-width: 1170px;}
.view-title{padding:15px 0}
.tags{padding:20px 15px 0px 15px}
#banner .zoom{height:130px;}
#banner { margin-bottom: 40px;}
#sec-one {    padding: 17px 15px 20px 15px;}
#the-result h2{margin-top:20px;}
.zoom-2{height:200px; margin-top:20px}
#case-study-list .item .img{transform:scale(1.14)}
#case-study-list .item .text{height: 110px; top: 192px; }
#case-study-list .item{height: 296px; z-index:3333}
#case-study-list .item-cntnr { min-height: 348px;}
study-list .item-cntnr {min-height: 349px;}
.project-link a{font-size:11px}
.project-link .second{text-align:right; width:100%}
.pd-center {padding: 0 4%;}
.img-two .second{margin-top:15px;}
}

@media (min-width: 576px) and (max-width: 767px) {
#services-head h1 {padding:15px 0px; font-size:26px; }
.filter-button-group a{padding:0 25px 0 0}
#case-study-list .item .img{transform:scale(1.14)}
#case-study-list .item .text{height: 110px; top: 192px; }
#case-study-list .item{height: 296px; z-index:3333}
.project-link a{font-size:11px}
.project-link .second{text-align:right; width:100%}
.pd-center {padding: 0 4%;}
.img-two .second{margin-top:15px;}
.img-zoom {height: 319px;}
#banner { margin-bottom: 60px;}
#sec-one { padding: 0px 15px 40px 15px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.grid { margin-top: 60px;}
	#services-head h1 {padding:15px 0px; font-size:26px; }
	.filter-button-group a{padding:0 25px 0 0}
	.#case-study-list .item .img{transform:scale(1.14)}
#case-study-list .item .text{height: 110px; top: 192px; }
#case-study-list .item{height: 296px; z-index:3333}
	.project-link a{font-size:11px}
.project-link .second{text-align:right; width:100%}
.pd-center {padding: 0 4%;}
.img-zoom {height: 319px;}
#banner { margin-bottom: 60px;}
#sec-one { padding: 0px 15px 40px 15px;}
	}


@media (min-width: 992px) and (max-width: 1199px) {
	.grid { margin-top: 60px;}
}

@media (min-width: 1200px) {  }