.row{    position: relative;;margin:0 !important;}
.content h2:after {
    border-top: 1px solid #ffffff;
    display: block;
    width: 20px;
    content: "";
    margin: 20px auto;
}

.banner{
    background: url(../images/case-2.png) no-repeat 0px 0px;
    background-size: cover;
    width: 100%;
}
.case-content h3:after {
    border-top: 2px solid #1e99ef;
    display: block;
    width: 20px;
    content: "";
    margin: 20px 0;
}
.base-bt h3{margin-top:71px}
.base-back span{
    margin-top: 43px!important;
    padding-left: 45px;
}
.box{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top:75px;
}
.box img{width:100%;}
.box ul{
    width:100%;
    display: flex;
    flex-flow: wrap;
}
.box>ul>li a:first-child{display: block; position: relative;}
.box li{width: 30%;margin-bottom: 40px;margin-right:5%;}
.box ul li:nth-child(3){margin-right: 0}
.box ul li:nth-child(6){margin-right: 0}
.box ul li:nth-child(9){margin-right: 0}
.show-content:hover{
    opacity: .2;
}
.show-content{
    top:0;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    opacity: 0;
}
.show-content p{
    padding: 10%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 100%;
    line-height:32px;
}
.case-show{background-color: #fff;padding: 20px;border:1px solid #ededed}
.tittle{font-size: 18px;font-weight:unset;color:#333333}
.case-show span{
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
    color:#666666;
    margin-top:10px;
} 
.case-show .Subheading{
    font-size: 25px;
    font-weight: bold;
    position: relative;
    top: -25px;
    right: -22%;
    color:#969696
}

.base-bt li{display: inline-block;}
.base-bt li a{color:#333333;}
.base-bt span{color:#c9c9c9;margin:0 20px}
.base-bt span:last-child{display:none}
@media screen and (min-width:767px) and (max-width:992px){
    .navbar{width:87%;}
} 
@media screen and (max-width: 767px) {
.box li{margin:0 0 10px 0;}
.box{margin-top: 20px;}
.case-content{padding-top:20px;}
.base-bt h3{margin-top:0}
.base-bt span{margin:5px}
.box img{height:210px}
@media screen and (max-width: 817px){
    .box ul li{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
}
/*Firefox*/
@-moz-document url-prefix() {
	.base-back span{
    margin-top: 34px!important;}
   .base-content{top:-105px}
}