@media (max-width: 768px) {
    .content-box {
        margin-top: 0px;
    }
    .content-box  .details-img {  width: 60%; height: 500px; }
}
@media (min-width: 768px) {
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
    .content-box {
        margin-top: 90px;
    }
    .content-box  .details-img {  width: 80%; height: 600px; }
}
@media (min-width: 992px) {
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
    .content-box {
        margin-top: 90px;
    }
    .content-box  .details-img {  width: 80%; height: 600px; }
}
@media (min-width: 1200px) {
    .head-navbar {height: 89px; position: fixed; top: 0px; width: 100%; z-index: 100; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1);}
    .content-box {
        margin-top: 90px;
    }
    .content-box  .details-img {  width: 70%; height: 700px; }
}
.content-box { margin-bottom: 60px;}
.content-box .content-title { font-size: 26px; text-align: center; padding: 20px 0; border-bottom: 1px solid rgba(242, 242, 242, 1);margin-bottom: 40px;}
.content-box .content-head-img {display: block; width: 80%; height: auto; margin: 0 auto; padding-bottom: 40px; border-bottom: 1px dashed rgba(0,0,0,.1); margin-bottom: 40px;}
.content-box .court-details { font-size: 20px; font-weight: 500; margin-bottom: 40px;}
.content-box .details-img { display: block; max-width: 100%;height: auto;margin: 0 auto; margin-bottom: 40px; box-shadow: 0px 4px 20px 0px rgba(198, 201, 211, 0.41);}
.content-box .knowiedge-img { display: block; margin: 0 auto; margin-bottom: 60px; max-width: 100%; height: auto;}

.bottom-content { padding-top: 40px; padding-bottom: 10px; }
.bottom-content ul { color: #b2b2b2; }
.bottom-content ul li{ font-size: 14px; margin-bottom: 30px; }
.bottom-content ul .buttom-title{ color: #fff; font-size: 16px; }
.bottom-box { text-align: center; font-size: 14px; color: #666666; padding-bottom: 10px;}
.bottom-box .bottom-buttom-text { margin-bottom: 12px; }
.bottom-box .bottom-buttom-text a{ color: #666666; text-decoration:none;}