@media (max-width: 1600px) {
    .about-coral>.container {
        max-width: inherit;
        /* width: 1560px; */
    }
    .col-lg-6 img {
        /* width: 660px; */
        display: block;
        margin: auto;
    }
    .menu-sub-page .slick-list{
        margin: 0px 20px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: inherit;
        width: 1310px;
    }
    .menu-sub-page .slick-list{
        margin: 0px 56px;
    }
    
}

@media (max-width: 1440px) {
    .no-data span {
        font-size: 20px!important;
    }
    .about-coral-content a,
    .about-coral-content span,
    .about-coral-content p {
        font-size: 20px;
    }
    .ck-editor h2,
    .ck-editor h1 {
        font-size: 32px;
        display: inline-block;
    }
    .ck-editor h3 {
        font-size: 26px;
    }
    .ck-editor h4 {
        font-size: 24px;
    }
    .ck-editor h5 {
        font-size: 22px;
    }
    .ck-editor h6 {
        font-size: 20px;
    }
    .about-coral-content h6 {
        font-size: 22px;
    }
    .about-coral-content h5 {
        font-size: 26px;
    }
    .about-coral-content h4 {
        font-size: 30px;
    }
    .about-coral-content h3 {
        font-size: 34px;
    }
    .about-coral-content h2 {
        font-size: 38px;
    }
    .about-coral-content h1 {
        font-size: 42px;
    }
    .table-coral .body-table .td .icon {
        width: 18px;
        height: 25px;
    }
    .user-login .block-control input {
        width: 310px!important;
    }
    .intro-img {
        height: calc(100vh - 120px);
    }
    .intro-content {
        height: 120px;
    }
    .intro-content .address .text-box h2 {
        margin: 0;
    }
    .intro-content .address .logo {
        max-width: 125px;
    }
    .intro-content .address .text-box {
        padding: 10px;
    }
    .coral-main-map .content .pin-all .title {
        font-size: 18px;
    }
    .intro-box .slick-dots {
        bottom: 25px;
    }
    .coral-report .coral-map .coral-rate-detail .sub-box .item-box .date-read img {
        margin-right: 0px;
    }
    .table-coral {
        height: 100%;
    }
    .body-table {
        min-height: calc(100% - 50px);
        max-height: calc(100% - 50px);
    }
    .search .form-control {
        font-size: 20px;
    }
    .search-input .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 20px;
    }
    .search-input .select2-container .select2-selection--single {
        height: 40px;
    }
    .search-input .search .form-control {
        font-size: 20px;
    }
    .search-input img {
        width: 20px;
    }
    .search-input .search button {
        top: -5px;
    }
    .search-input .search .default-block {
        margin-bottom: 10px;
    }
    .search-input .search {
        position: relative;
        margin: 0;
    }
    .coral-map.search-page {
        padding-right: 15px;
        padding-left: 15px;
    }
    .pagination li+li {
        margin-left: 6px;
        margin-top: 5px;
    }
    .coral-map.search-page .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .coral-rate-detail span,
    .coral-rate-detail a,
    .coral-rate-detail p {
        font-size: 22px;
    }
    .about-coral .head-title {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .hitory-coral .head-title {
        padding-bottom: 25px;
    }
    .hitory-coral .head-title {
        padding-bottom: 0;
    }
    .sub-content .content .text .head {
        font-size: 35px;
    }
    .about-coral-content h2 {
        font-size: 32px;
    }
    /* .coral-map .head-title img,
    .coral-knowledge .head-title img {
        width: 35px;
    } */
    .sub-content .content .text,
    .morality-coral-content p,
    .morality-coral li,
    .hitory-coral .hitory-coral-content,
    .about-coral-content {
        font-size: 22px;
    }
    .breadcrumb-item span,
    .breadcrumb-block a.back {
        font-size: 20px;
    }
    .menu-sub-page .item a.active,
    .menu-sub-page .item a {
        height: 80px
    }
    .menu-sub-page .item a {
        font-size: 26px;
    }
    .about-coral>.container {
        max-width: inherit;
        width: 1210px;
    }
    .news .item .title a {
        font-size: 28px;
    }
    .coral-knowledge .bg-item .read-more-1 {
        font-size: 20px;
        width: 110px;
    }
    .coral-main-map .content .title,
    .coral-main-map .content .title,
    .coral-report .report-slide .title,
    .table-coral .body-table span.yellow,
    .table-coral .body-table span.red,
    .table-coral .body-table span.green,
    .coral-knowledge .head-title a,
    .coral-report .head-title a,
    .coral-map .head-title a,
    .news .head-title a,
    .coral-map .head-title a,
    .menu-custom .lang-set li a,
    .nav-size span,
    .search input#search,
    .menu-bottom .menu-main .member a,
    /* .menu-sub li a, */
    .news .item .date,
    .news .item .desc {
        font-size: 18px;
    }
    .menu-sub li a {
        font-size: 24px;
    }
    .head-title h2 {
        font-size: 32px;
    }
    .menu-bottom .menu-main a strong {
        font-size: 35px;
    }
    .menu-bottom .menu-main a {
        font-size: 30px;
    }
    header.site-header .logo {
        width: auto;
        width: 128PX;
    }
    .table-coral .head-table .location,
    .table-coral .head-table .status {
        font-size: 24px;
        padding: 20px 20px;
    }
    .table-coral .body-table .location,
    .table-coral .body-table .status {
        font-size: 20px;
    }
    .table-coral .body-table img {
        width: 25px;
    }
    .table-coral .body-table .location,
    .table-coral .body-table .status {
        min-height: 50px;
    }
    .table-coral .body-table span.yellow,
    .table-coral .body-table span.red,
    .table-coral .body-table span.green {
        margin: 3px auto;
    }
    .coral-report .report-slide .desc {
        font-size: 17px;
    }
    .pin-all>div img {
        /* margin-right: 15px; */
        width: 25px;
    }
    .coral-main-map .desc {
        padding: 5px;
    }
    .coral-report .report-slide .date .day {
        font-size: 35px;
    }
    .coral-report .report-slide .date .icon img {
        margin: 0 auto;
        width: 23px;
    }
    .coral-knowledge .bg-item .content .title-1,
    .coral-knowledge .bg-item .content .title-2,
    .coral-knowledge .bg-item .content .title-3,
    .coral-knowledge .bg-item .content .title-4 {
        font-size: 24px;
    }
    /* .coral-knowledge .bg-item .read-more-1,
    .coral-knowledge .bg-item .read-more-2,
    .coral-knowledge .bg-item .read-more-3,
    .coral-knowledge .bg-item .read-more-4 {
        font-size: 20px;
        padding: 7px 10px;
        width: 100px;
    }
    .coral-home-content .bg-content-1 a.view-all:hover,
    .coral-knowledge .bg-item .read-more-1:hover,
    .coral-knowledge .bg-item .read-more-2:hover,
    .coral-knowledge .bg-item .read-more-3:hover,
    .coral-knowledge .bg-item .read-more-4:hover {
        padding: 9px 12px;
    } */
    /* .coral-home-content .bg-content-4 .content .view-all {
        padding: 2px 15px;
    }
    .coral-home-content .bg-content-4 .content .view-all:hover {
        padding: 5px 15px;
    } */
    .coral-knowledge .bg-item .content .desc {
        font-size: 18px;
    }
    .site-footer .all-footer {
        font-size: 20px;
    }
    .footer-start .name .title {
        font-size: 35px;
    }
    .coral-home-content .bg-content-1 .content {
        font-size: 40px;
    }
    .coral-home-content .bg-content-1 .content .desc {
        font-size: 30px;
    }
    .coral-home-content .bg-content-1 a.view-all {
        font-size: 20px;
    }
    .coral-home-content .bg-content-4 .content,
    .coral-home-content .bg-content-3 .content,
    .coral-home-content .bg-content-2 .content {
        font-size: 40px;
    }
    .menu-bottom .menu-main .member {
        padding: 10px 20px;
        height: 45px;
    }
    .menu-bottom .menu-main .search button,
    .menu-bottom .menu-main .search input {
        height: 45px;
    }
    .site-container {
        padding-top: 215px;
    }
    .banner-slide .content figure {
        height: 380px;
    }
  
}

@media (max-width: 1326px) {
    .menu-sub-page .slick-list {
        margin: 0 25px;
    }
    .slick-prev {
        left: -30px;
    }
    .slick-next {
        right: -30px;
    }
}

@media (max-width: 1199px) {
    .about-coral>.container {
        max-width: inherit;
        width: 970px;
    }
    .menu-sub-page .slick-list{
        margin: 0px 20px;
    }
    
}

@media screen and (max-width: 1024px) {
    header.site-header.tiny .menu-sub .main-menu {
        vertical-align: unset;
    }
    .menu-sub li {
        width: auto;
    }
    header.site-header.tiny .menu-sub .main-menu {
        padding-left: 88px;
    }
    header.site-header.tiny .menu-sub li a,
    .menu-sub li a {
        padding: 20px 20px;
    }
    .menu-sub li a {
        font-size: 22px;
    }
    .coral-main-map .desc {
        padding: 5px 20px;
    }
    .footer-start .name .title {
        padding-right: 0px;
    }
    .hitory-coral .hitory-coral-content img {
        margin: 0;
    }
    .coral-home-content .bg-content-4 .content .title,
    .coral-home-content .bg-content-3 .content .title,
    .coral-home-content .bg-content-2 .content .title {
        padding: 0 10px;
    }
    .site-container {
        padding-top: 35%;
    }
    .banner-slide .content figure {
        height: 340px;
    }
    header.site-header .logo {
        width: 138PX;
    }
    .news .item .title a {
        font-size: 24px;
    }
    .news .item .desc {
        font-size: 18px;
    }
    .coral-report .report-slide .desc {
        font-size: 18px;
        margin-top: 0px;
    }
    .coral-report .report-slide .title {
        font-size: 20px;
    }
    .coral-report .report-slide .date .day {
        font-size: 30px;
    }
    .coral-report .report-slide .date {
        font-size: 18px;
    }
    .banner-slide .content .title .title-middle {
        color: #fff;
        font-size: 50px;
        line-height: 0.9;
    }
    .banner-slide .content .title {
        position: absolute;
        top: 66%;
        width: 100%;
        margin-top: -125px;
    }
    .news {
        padding: 25px 0;
        min-height: unset;
        max-height: unset;
    }
    .table-coral .body-table .location {
        font-size: 20px;
        padding: 5px 20px;
        color: #666666;
        /* float: left; */
    }
    .table-coral .body-table span.red,
    .table-coral .body-table span.green,
    .table-coral .body-table span.yellow {
        padding: 5px;
        font-size: 18px;
    }
    .coral-report .report-slide .content {
        padding-right: 0px;
    }
    /* .coral-home-content .bg-content-4 .content .view-all {
        width: 35px;
        height: 35px;
        right: -15px;
    } */
    .coral-home-content .bg-content-4 .content,
    .coral-home-content .bg-content-3 .content,
    .coral-home-content .bg-content-2 .content {
        font-size: 35px;
    }
    .menu-bottom .menu-main .name-title {
        padding: 25px 0;
    }
    .coral-main-map .content .title {
        font-size: 18px;
    }
    .footer-start .brand img {
        margin-right: 10px;
        width: 120px;
    }
    .footer-start .name .title {
        font-size: 22px;
    }
    .footer-start .icon img {
        width: 20px;
    }
    .site-footer .all-footer {
        font-size: 20px;
    }
    .footer-start .name .title {
        font-size: 32px;
    }
    .footer-start .sup-title {
        margin-top: 10px;
        font-size: 23px;
    }
    .footer-start .brand,
    .footer-start .name {
        width: calc(100% - 130px);
    }
    .footer-start .brand {
        width: 130px;
    }
    .coral-rate-detail .item-box .date-read img {
        margin-right: 5px;
        width: 18px;
    }
    .coral-rate-detail span,
    .coral-rate-detail a,
    .coral-rate-detail p {
        font-size: 20px;
    }
    .coral-report-page.coral-report .item-box .cover {
        height: 250px;
    }
    .coral-report-page.coral-report .sub-box .item-box .cover {
        height: 230px;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .sub-box .item-box .content {
        height: 230px;
    }
    .coral-report-page.coral-report .coral-map .coral-rate-detail .item-box .img {
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
    }
    .body-table {
        /* max-height: 704px;
        min-height: 704px; */
    }
}

@media (max-width: 991px) {
    
    .content-II .row .col-lg-5 img{display: block;
        margin: auto; padding-top: 0%;}
    .site-header .menu-sub.login {
        top: 135px;
    }
    .intro-content .all .lang-set li:after {
        background: #0051dc;
    }
    .intro-content .all .lang-set li a {
        color: #0051dc;
    }
    .intro-box .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    .intro-content {
        height: calc(100vh - 500px);
        position: relative;
        background: #fff;
        /* padding: 15px 0; */
    }
    .intro-content .address .logo img {
        position: relative;
        padding-top: 15px;
    }
    .intro-content .address .logo {
        height: auto;
        top: 0;
    }
    .intro-content .bg {
        width: 100%;
        background: unset;
        border-bottom: 10px solid #343399;
        left: 0;
    }
    .intro-content .btn-all>div {
        text-align: center;
    }
    .intro-content .address .logo {
        max-width: 125px;
        display: block;
        margin: 0px auto;
        float: unset;
    }
    .intro-img {
        height: 500px;
    }
    .intro-content .address .text-box {
        width: 500px;
        margin: 15px auto;
        display: block;
        float: unset;
        text-align: center;
    }
    .intro-content .address .text-box h2 {
        color: #0051dc;
    }
    .intro-content .address .text-box span {
        color: #0051dc;
    }
    .intro-content .address {
        margin-right: unset;
    }
    .body-table {
        max-height: 500px;
        min-height: 500px;
    }
    .coral-main-map .content .pin-all .pin-red {
        width: 25%;
    }
    .menu-bottom .menu-main a {
        font-size: 20px;
    }
    .about-coral>.container {
        max-width: inherit;
        width: 100%;
    }
    header.site-header.tiny .menu-bottom .menu-main,
    header.site-header.tiny .menu-top .menu-main {
        padding-left: 0px;
    }
    .menu-bottom .menu-main .member,
    .menu-bottom .menu-main .search,
    .menu-top {
        display: none;
    }
    .menu-bottom .menu-main .name-title {
        padding: 5px 0;
    }
    .menu-bottom .menu-main a strong {
        display: block;
        font-size: 24px;
    }
    .menu-bottom .menu-main {
        padding-left: 0;
        font-size: 0;
    }
    .logo {
        display: none;
    }
    .menu-bottom .menu-main .name-title .logo-mobile {
        display: inline-block;
    }
    .menu-bottom .menu-main .name-title a {
        display: inline-block;
        vertical-align: middle;
    }
    .menu-bottom .menu-main .name-title a.logo-mobile img {
        width: 70px;
    }
    .menu-mobile-btn .btn-mobile .bar {
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        background-color: #fff;
        margin: auto;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: All 400ms ease;
        -moz-transition: All 400ms ease;
        -o-transition: All 400ms ease;
    }
    .menu-mobile-btn .btn-mobile {
        display: inline-block;
        width: 20px;
        height: 16px;
        position: relative;
        margin-top: 17px;
        margin-left: 13px;
    }
    .menu-mobile-btn {
        display: block;
    }
    .menu-mobile-btn {
        float: left;
        /* display: none; */
        position: relative;
        width: 44px;
        height: 50px;
        /* border-left: 1px solid #ebebeb; */
    }
    .menu-mobile-btn .btn-mobile .bar:nth-child(2) {
        top: 0;
        bottom: 0;
    }
    .menu-mobile-btn .btn-mobile .bar:nth-child(3) {
        top: 0;
        bottom: 0;
    }
    .menu-mobile-btn .btn-mobile .bar:nth-child(4) {
        bottom: 0;
    }
    .site-header .menu-sub {
        /* transform: translate(-100%, 0); */
        opacity: 0.6;
        visibility: hidden;
        overflow: auto;
        padding: 30px 35px;
        position: fixed;
        height: auto;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: unset;
        background-color: rgb(27, 67, 171);
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        -ms-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
        margin: 40px 0 0 0;
    }
    .site-header .menu-sub.open {
        /* transform: translate(0); */
        opacity: 1;
        visibility: visible;
        margin: 0 0 0 0;
    }
    .menu-mobile-btn .btn-mobile.close .bar:nth-child(1) {
        top: 0;
        opacity: 0;
    }
    .menu-mobile-btn .btn-mobile.close .bar:nth-child(2) {
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .menu-mobile-btn .btn-mobile.close .bar:nth-child(3) {
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    .menu-mobile-btn .btn-mobile.close .bar:nth-child(4) {
        bottom: 0;
        opacity: 0;
    }
    .menu-sub li {
        display: block;
        width: 100%;
        float: left;
        text-align: left;
    }
    .menu-sub li a:before {
        display: none;
    }
    .menu-sub.open li a {
        color: #fff;
    }
    .menu-sub li a,
    .menu-sub li.active a {
        background: unset;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .menu-sub li.active a {
        color: #05c9aa;
    }
    .site-container {
        padding-top: 100px;
    }
    .coral-knowledge .bg-item .content .desc {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px;
        line-height: 1.1em;
        color: #666666;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 2.2em;
    }
    .coral-home-content .content-3:after,
    .coral-home-content .content-4:after {
        content: "";
        display: block;
        clear: both;
    }
    .coral-home-content {
        padding: unset;
        padding-bottom: 60px;
    }
    .bg-home {
        margin-bottom: 0px;
        height: unset;
        background-repeat: no-repeat;
    }
    .coral-home-content .bg-content-2 {
        height: 100px;
    }
    .coral-home-content .bg-content-4 .content .title span {
        position: relative;
        top: 23px;
    }
    .coral-home-content .bg-content-2 {
        margin-top: 15px;
    }
    .coral-home-content:after {
        content: "";
        display: block;
        clear: both;
    }
    .coral-home-content .content-3,
    .coral-home-content .content-4 {
        width: 50%;
        float: left;
        height: 100px;
        padding-top: 20px;
    }
    .footer-start {
        margin: unset;
        padding: 40px 0;
        background: #353A9D;
    }
    .table-coral {
        margin-top: 40px;
    }
    .menu-sub li a {
        height: unset;
        padding: 20px 20px;
        display: block;
        font-size: 24px;
    }
    header.site-header.tiny .menu-sub .brand {
        display: none;
    }
    .banner-slide .content figure {
        height: 260px;
    }
    .menu-sub .container {
        padding-right: unset;
        padding-left: unset;
    }
    .site-header .menu-sub {
        padding: unset;
    }
    .menu-sub li a:after {
        content: "";
        background-image: url(../img/static/icon-arrow.png);
        display: inline-block;
        float: right;
        width: 9px;
        height: 13px;
        background-repeat: no-repeat;
    }
    .menu-sub li.active a {
        color: #05c9aa;
    }
    .menu-sub li.active a:after {
        content: "";
        background-image: url(../img/static/icon-arrow-sky.png);
        display: inline-block;
        float: right;
        width: 9px;
        height: 13px;
        background-repeat: no-repeat;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        margin: 0 5px;
    }
    .menu-sub-page .menu-slide {
        display: none;
    }
    .coral-knowledge-page .bg-menu {
        display: none;
    }
    .coral-rate-detail .item-box .cover {
        height: 250px;
    }
    .menu-sub li.mobile {
        display: block;
    }
    .coral-login .forgot-box .forgot a,
    .coral-login .register-box .register a {
        height: 40px;
        line-height: 24px;
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {}

@media (max-width: 767px) {
    .container {
        max-width: inherit;
        width: 100%;
    }
    .coral-home-content .bg-content-4 .content .title span {
        position: relative;
        top: 16px;
    }
}

@media screen and (max-width: 575px) {
    .mobile-rate{
        padding:10px;
        border-bottom: 1px solid #ccc;
    }
    .coral-profile .report-coral-detail  .mobile-rate .btn-status img {
  
    vertical-align: top;
 
    margin-right: 5px;
}
    .mobile-rate h2 {
        font-size: 25px;
            color: #7B1CE8;
    }
 .report-coral-detail .mobile-rate .status span.status {
    width: 210px;
    font-size: 20px;
}
.desktop-rate {
    display: none!important;
}
    .report-coral-detail  .mobile-rate .status .btn-status {
    text-align: center;
    float: unset;
}
.report-coral-detail  .mobile-rate .status {
    width: 100%;
    float: unset;
    text-align: unset;
}
    .coral-profile .head-title h2 {
       font-size: 25px;
    }
    .coral-profile .coral-detail .head-title {
        margin-bottom: 0;
    }
    .coral-profile .head-title h2+h2,
    .coral-profile .head-title.tx-2 h2 {
        font-size: 25px;
    }
    .breadcrumb {
        padding-right: 100px;
    }
    .site-header .menu-sub.login {
        top: 95px;
    }
    .intro-content .address .text-box {
        margin: 15px auto;
        padding: 0;
        margin-bottom: 0;
    }
    .intro-box .slick-dots {
        bottom: 10px;
    }
    .intro-img {
        padding-top: 64%;
        height: auto;
    }
    .intro-content .goto-web a {
        width: 150px;
        padding: 13px 10px;
    }
    .intro-content .bg {
        border-bottom: unset;
    }
    .intro-content .address .logo {
        max-width: 80px;
    }
    .intro-content .all>div {
        margin: 15px 0;
    }
    .intro-content .address .text-box {
        width: auto;
    }
    .intro-content .all>div {
        display: block;
        text-align: center;
    }
    .intro-content .goto-web {
        margin-left: 0;
        margin-top: 10PX;
    }
    .pin-all .slick-dots {
        bottom: -20px;
    }
    .coral-profile .profile-box .content-part .radio-control a {
        display: block;
        vertical-align: middle;
        margin: 0 auto;
    }
    .profile-box.report-coral form>div+div+div {
        padding: 0;
    }
    .profile-box.report-coral .box-img .row>div {
        width: 50%;
    }
    .fix-content .box-img {
        margin-bottom: 15px;
    }
    .coral-profile .profile-box.report-coral .block-control img {
        margin-bottom: 15px;
    }
    .coral-rate-detail-page .head-box>div {
        display: block;
        height: 100%;
        width: 100%;
    }
    .coral-rate-detail-page .head-box .head-title-sub {
        width: 100%;
    }
    .coral-rate-detail-page .head-box .head-title {
        width: 100%;
    }
    .coral-rate-detail-page .head-box .head-title-sub {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: unset;
        position: relative;
    }
    .coral-rate-detail-page .head-box .head-title-sub>div {
        position: absolute;
    }
    .coral-rate-detail-page .head-box .head-title-sub .date {
        left: 0;
    }
    .coral-rate-detail-page .head-box .head-title-sub .view {
        right: 0;
    }
    .coral-map.coral-rate-detail-page .slide-news .slick-dots {
        bottom: -20px;
    }
    .bg-home .head-title h2 {
        padding-right: unset;
    }
    .table-coral .head-table .location {
        width: calc(100% - 150px);
    }
    .pin-red a>div {
        display: block;
        /* width: 100%; */
    }
    .pin-all>div img {
        width: 20px;
        margin: 0 auto;
    }
    .coral-main-map .content .pin-all .title p {
        margin: 0;
    }
    .coral-main-map .content .pin-all .title {
        margin-top: 0px;
    }
    .table-coral .head-table .status {
        width: 150px;
    }
    .coral-map-page .coral-main-map {
        margin: 0;
    }
    .news .bg-item {
        min-height: 485px;
    }
    .news .item .date {
        bottom: 0px;
    }
    .coral-knowledge-page {
        margin-top: 10px;
    }
    .coral-report .report-slide .box {
        min-height: unset;
    }
    .cover,
    figure.cover {
        height: 250px!important;
    }
    .footer-start .name .title {
        font-size: 25px;
    }
    .footer-start .brand,
    .footer-start .name {
        width: calc(100% - 85px);
    }
    .footer-start .brand {
        width: 85px;
    }
    .menu-sub-page .item a.active,
    .menu-sub-page .item a {
        height: 50px;
    }
    .menu-sub-page .item a,
    .menu-sub-page .item a.active {
        padding: 0 10px;
    }
    .sub-content .content {
        width: 307px;
        height: 307px;
    }
    .hitory-coral .hitory-coral-content img+img {
        margin-top: 10px;
    }
    .hitory-coral .hitory-coral-content img {
        width: 100%;
        padding: 0;
    }
    .site-header .menu-sub {
        top: 62px;
        /* padding: 15px 15px; */
    }
    .slick-dots {
        bottom: -10px;
    }
    .head-title h2 {
        line-height: 1;
    }
    .banner-slide .content figure {
        height: 130px;
    }
    .container {
        max-width: inherit;
        width: 100%;
    }
    .name-title a+a {
        width: 220px;
    }
    .menu-bottom .menu-main .name-title a.logo-mobile img {
        width: 40px;
    }
    .menu-bottom .menu-main a strong {
        display: block;
        font-size: 18px;
    }
    .menu-bottom .menu-main a {
        font-size: 12px;
    }
    .coral-knowledge .head-title img,
    .coral-report .head-title img,
    .coral-map .head-title img,
    .news .head-title img {
        display: none;
    }
    .coral-knowledge .head-title .view-all img,
    .coral-report .head-title .view-all img,
    .coral-map .head-title .view-all img,
    .news .head-title .view-all img {
        display: inline-block;
    }
    .coral-knowledge .head-title,
    .coral-report .head-title,
    .news .head-title {
        font-size: 24px;
        line-height: 1;
        padding: 0;
        margin: 0;
    }
    .download-box .img img {
        width: 70px;
    }
    .download-box .content .head {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .coral-knowledge .head-title a,
    .coral-report .head-title a,
    .coral-map .head-title a,
    .news .head-title a {
        font-size: 24px;
        position: relative;
        padding: 10px 15px;
        display: block;
        width: 125px;
        margin-top: 15px;
    }
    .coral-knowledge .head-title a,
    .coral-report .head-title a {
        padding: 10px 10px;
    }
    .coral-main-map .img {
        min-height: 300px;
        max-height: 300px;
    }
    .coral-main-map .content .title {
        padding: 15px 0;
    }
    /* .pin-all>div img {
        margin-right: 10px;
    } */
    .coral-main-map .content .pin-all .title {
        font-size: 15px;
    }
    .pin-all {
        padding: 0;
    }
    .table-coral .head-table .location,
    .table-coral .head-table .status {
        font-size: 18px;
        padding: 15px 10px;
    }
    .table-coral .body-table .location {
        font-size: 16px;
        padding: 5px 10px;
    }
    .table-coral .body-table img {
        margin-right: 5px;
        width: 20px;
    }
    .table-coral .body-table .status {
        font-size: 14px;
        padding: 5px 0px;
    }
    .table-coral .body-table .status,
    .table-coral .head-table .status {
        padding-right: 15px;
        text-align: center;
    }
    .table-coral .body-table .status {
        width: 150px;
    }
    .table-coral .body-table .location {
        width: calc(100% - 150px);
    }
    .table-coral .body-table span.red,
    .table-coral .body-table span.green,
    .table-coral .body-table span.yellow {
        padding: 10px 5px;
        font-size: 14px;
    }
    .table-coral .body-table span {
        font-size: 16px;
    }
    .site-container {
        padding-top: 62px;
    }
    .banner-slide .content .title .title-top {
        font-size: 14px;
    }
    .banner-slide .content .title .title-middle {
        font-size: 24px;
    }
    .banner-slide .content .title .title-bottom {
        font-size: 16px;
    }
    .banner-slide .content .title {
        position: absolute;
        top: 81%;
        width: 100%;
        margin-top: -125px;
    }
    /* .box .row>div {
        padding: 15px;
    } */
    .footer-end {
        text-align: center;
    }
    .footer-end .social {
        float: unset;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 5px 0;
    }
    .footer-start .brand {
        position: relative;
        top: unset;
    }
    .footer-start .brand img {
        margin-right: 10px;
        width: 80px;
    }
    .footer-start .name .title {
        font-size: 18px;
    }
    .footer-start .sup-title {
        margin-top: 14px;
        font-size: 18px;
    }
    .footer-start .contact .icon,
    .footer-start .address .icon {
        margin-right: unset;
        width: 25px;
        float: left;
        display: inline-block;
    }
    .footer-start .contact .title,
    .footer-start .address .title {
        width: calc(100% - 25px);
        float: left;
        display: inline-block;
        font-size: 18px;
    }
    .footer-start .address {
        display: block;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .coral-home-content .bg-content-4 .content .view-all {
        padding: 0px 15px;
        top: -20px;
        margin-top: 0;
    }
    .coral-home-content .content-4 .title {
        line-height: 1;
    }
    .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 3px;
    }
    .slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }
    .social img {
        width: 30px;
    }
    .footer-end .w3c {
        padding: 3px 20px;
        padding-right: 0;
    }
    .footer-start .contact .title p,
    .footer-start .address .title p {
        margin: unset;
        line-height: 1;
        display: inline-block;
    }
    .footer-start .contact>div {
        width: calc(100% / 1);
        margin-top: 15px;
    }
    .footer-start {
        padding: 15px 0;
        padding-bottom: 0;
    }
    .footer-start .address {
        margin-bottom: 0;
    }
    .slick-slide img {
        margin: 0 auto;
    }
    .coral-report .coral-detail .slick-slide img {
        width: 100%;
    }
    .footer-end .w3c,
    .footer-end .social {
        float: left;
    }
    .footer-end .w3c {
        padding: 5px 0px;
        padding-right: 0;
    }
    .footer-start .name .title {
        font-size: 30px;
    }
    .footer-start .contact .title,
    .footer-start .address .title {
        font-size: 18px;
    }
    .footer-start .sup-title {
        font-size: 18px;
    }
    .coral-home-content .bg-content-4 .content .view-all {
        padding: 2px 15px;
        top: -5px;
        margin-top: 0;
    }
    .coral-home-content .content-4 .title {
        line-height: 1;
        width: 120px;
    }
    .coral-main-map .img div#map {
        height: 300px!important;
    }
    .table-coral .body-table .location,
    .table-coral .body-table .status {
        border-bottom: dashed 1px #9687F5;
        min-height: 40px;
    }
    .table-coral .body-table span.red,
    .table-coral .body-table span.green,
    .table-coral .body-table span.yellow {
        padding: 5px 5px;
        font-size: 16px;
        margin: 0;
    }
    .news .item .desc,
    .news .item .title a {
        line-height: 1;
    }
    .news {
        background-size: cover;
        background-position: top;
    }
    .news .item .content {
        padding: 0 20px;
    }
    .news .item .title {
        padding: 15px 0;
        padding-bottom: 5px;
    }
    .news .item .date {
        padding: 10px 20px;
    }
    .news .item .title a {
        font-size: 24px;
    }
    .news .item .desc {
        font-size: 20px;
    }
    .news .item .date img {
        width: 22px;
    }
    .coral-knowledge .head-title a,
    .coral-report .head-title a,
    .coral-map .head-title a,
    .news .head-title a {
        display: none;
    }
    .coral-knowledge .head-title.mobile,
    .coral-knowledge .head-title.mobile a,
    .coral-report .head-title.mobile,
    .coral-report .head-title.mobile a,
    .coral-map .head-title.mobile,
    .coral-map .head-title.mobile a,
    .news .head-title.mobile,
    .news .head-title.mobile a {
        display: block;
    }
    .news .head-title.mobile a,
    .coral-map .head-title.mobile a,
    .coral-report .head-title.mobile a,
    .coral-knowledge .head-title.mobile a {
        width: 100%;
    }
    .head-title h2 {
        font-size: 30px;
        padding-right: 90px;
    }
    .body-table {
        max-height: 300px;
        min-height: unset;
    }
    .coral-report {
        padding: 25px 0;
        padding-top: 0;
    }
    .coral-map {
        padding: 25px 0;
    }
    .coral-map .coral-detail {
        margin: 25px 0;
    }
    .table-coral {
        margin-top: 25px;
    }
    .coral-report .report-slide .box {
        border: solid #0051dc 1px;
        overflow: hidden;
        border-radius: 10px;
    }
    .coral-report .report-slide .content {
        padding: 10px;
        width: 100%;
    }
    .coral-report .report-slide .date>div {
        display: inline-block;
        vertical-align: middle;
    }
    .coral-report .report-slide .date .day {
        font-size: 18px;
        font-weight: 400;
    }
    .coral-report .report-slide .date p {
        display: inline-block;
    }
    .coral-report .report-slide .date {
        padding: 10px;
        margin: 0 auto;
        width: 100%;
        border-top: solid 1px #0051dc;
    }
    .pin-slide .slick-dots li {
        margin: 0 3px;
    }
    .coral-report .coral-detail {
        padding: 0px 0;
    }
    /* .coral-report .slick-dotted.slick-slider {
        margin-bottom: 0px;
    } */
    .coral-home-content .bg-content-2 {
        height: 90px;
    }
    .coral-home-content .content-3,
    .coral-home-content .content-4 {
        height: 100px;
    }
    .footer-end {
        text-align: center;
    }
    .footer-end .w3c,
    .footer-end .social {
        float: unset;
    }
    .footer-end .w3c {
        display: block;
        text-align: center;
        width: 100%;
    }
    .footer-end .social {
        text-align: center;
    }
    .news .slick-list {
        margin: 0 0px;
    }
    .coral-report .coral-detail .item {
        padding: 15px 5px;
    }
    .coral-report .report-slide .box {
        margin: 0px;
    }
    .news .news-slide {
        padding: 25px 0;
        margin: 0 -10px;
    }
    .coral-knowledge .bg-item {
        border: solid 1px #05c9aa;
    }
    .news .slick-list .item {
        padding: 0 10px;
    }
    .pin-all>div img {
        width: 20px;
    }
    .coral-report .report-slide .date {
        text-align: unset;
    }
    .coral-report .report-slide .date .icon {
        float: right;
    }
    .coral-report .slick-list {
        margin: 0 -5px;
    }
    .coral-report .report-slide .title a {
        font-size: 20px;
    }
}

@media screen and (max-width: 360px) {
    .menu-mobile-btn {
        width: 35px;
    }
}

@media screen and (max-width: 320px) {
    .coral-home-content .bg-content-1 .content {
        position: relative;
        top: 20%;
        color: #fff;
        font-size: 35px;
        line-height: 1;
        padding: 0 20px;
    }
    .coral-home-content .bg-content-1 .content .desc {
        color: #fff;
        font-size: 30px;
    }
    .table-coral .body-table .status {
        font-size: 14px;
        padding: 16px 5px;
    }
    .table-coral .body-table .location,
    .table-coral .body-table .status {
        border-bottom: dashed 1px #9687F5;
        min-height: 40px;
    }
    .menu-bottom .menu-main .row>div {
        padding: 0;
    }
    .menu-bottom .menu-main .name-title .logo-mobile {
        width: 40px;
        display: inline-block;
        float: left;
    }
    .footer-start .name .title {
        font-size: 26px;
    }
    .menu-bottom .menu-main .name-title a {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 40px);
    }
    .footer-start .name {
        width: calc(100% - 70px);
    }
    .footer-start .brand img {
        padding-right: 10px;
        margin-right: 0;
        width: 70px;
    }
    .table-coral .body-table .location img {
        display: none;
    }
    .table-coral .body-table .location {
        height: 55px;
        line-height: 1.5;
        padding: 20px 5px;
    }
    .table-coral .body-table .status {
        height: 55px;
    }
    .table-coral .head-table .location,
    .table-coral .head-table .status {
        font-size: 14px;
        padding: 15px 5px;
    }
    .table-coral .body-table span.red,
    .table-coral .body-table span.green,
    .table-coral .body-table span.yellow {
        margin: unset;
    }
    .head-title h2 {
        padding-right: unset;
    }
    .menu-bottom .row {
        margin-right: 0;
        margin-left: 0;
    }
}