@media (max-width:1700px) {
    .district-item:nth-child(1){
        margin-left: 39%;
    }
    .district-item:nth-child(2){
        margin-left: 34%;
    }
    .district-item:nth-child(3){
        margin-left: 30%;
    }
    .district-item:nth-child(4){
        margin-left: 26%;
    }
    .district-item:nth-child(5){
        margin-left: 21%;
    }
    .district-item:nth-child(6){
        margin-left: 24%;
    }
    .district-item:nth-child(7){
        margin-left: 28%;
    }
    .district-item:nth-child(8){
        margin-left: 33%;
    }
    .district-item:nth-child(9){
        margin-left: 38%;
    }
    .district-item:nth-child(10){
        margin-left: 43%;
    }
    .district-item:nth-child(11){
        margin-left: 49%;
    }
    .district-item:nth-child(12){
        margin-left: 55%;
    }
    .district-item:nth-child(13){

margin-left: 61%;

} 
    .district-item:nth-child(14){

  

margin-left: 67%;
}
    .district-item:nth-child(15){

margin-left: 72%;

}
.district-item:nth-child(16){

    margin-left: 79%;
    
    }
}
@media (max-width:1500px){
  
    
   
}
@media (max-width:1350px) {
 
}
@media (max-width:1200px) {
    #container{
        width: 100%;
    }
    .district-item:nth-child(n) {
        margin-left: 0 !important;
        margin-top: 0px;
        float: left;
        margin-bottom: 15px;
        width: 25%;
    }
    
    .districts-wrapper {
    
    }
    .district-image{
        width: 100%;
    height: auto;
    }
    .location-pin{
        left: 198px;
        top: 26px;
    }
    .highlights-list li a p{
        font-size: 18px;
    }
}

@media (max-width: 1024px) {
   
    
    
}




@media (max-width:1200px) {
 
    .contai{
        width: 996px;
    }
    /* .top-news-right-right li a {
        font-size: 18px;
    }
    .top-news-right-left a p{
        font-size: 22px;
    } */
}
@media (max-width:1100px) {
    .contai{
        width: 950px;
    }
}
@media (max-width:996px) {
    .contai{
        width: 100%;
        padding: 0px 15px;
    }
    .main-feature .owl-carousel .owl-item img{
        height: auto;
    }

    .event-image{
        height: 380px;
    }
    .main-feature .owl-carousel .owl-dots{
        width: 100%;
        bottom: -20px;
    }
    .p-4 h3 {
        font-size: 24px;
        font-weight: 600;
        margin-top: 10px;
    }
    .p-4{
        margin-top: 15px;
    }
    .service-tepan{
        margin-left: 0px;
        margin-top: 20px;
    }
    .service-tepan::before{
        border-right: 0px #bf54d3 solid;
    }
   
  
    .service-tepan img{
        height: auto;
    }
    .highlights-list li{
        width: 50%;
    }
    .district-item:nth-child(n){
        width: 50%;
    }
    .district-image {
        width: 100%;
        height: 332px;
    }
}
@media (max-width:800px) {

}
@media (max-width:767px) {
   
    .p-4 h3 {
        font-size: 18px;
        font-weight: 600;
        margin-top: 10px;
    }
    .p-4 p {
        font-size: 14px;
        margin-top: 20px;
    }
    .p-4 span{
        font-size: 14px;
    }
   

    .event-card .card-body h5{
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
    }
    .service-item .collapse a{
        font-size: 14px !important;
    }
    .service-item h5{
        font-size: 17px;
        height: auto;
        padding-right: 80px;
        -webkit-line-clamp: none;
    }
    .service-item h5 i.zhankai::before{
            top: 25px;
    left: 28px;
    }
    .service-item h5 i{
        height: 77px;
        line-height: 77px;
        font-size: 20px;
    }
  
    .main-feature .owl-carousel .owl-dots::before{
        height: 1px;
    }
    .district-item {
        transform: none;
        margin-bottom: 0 !important;
        gap: 10px;
    }

    .districts-wrapper {
        gap: 12px;
        margin-left: -15px;
    }

    .district-image {
    width: 100%;
    height: 170px;
    }

    .district-label {
        font-size: 13px;
        padding: 7px 14px;
    }

    .location-pin:nth-child(n) {
        /* width: 22px; */
        /* height: 30px; */
        left: 92%!important;
        top: 13px!important;
    }

    .location-pin::before {
        /* width: 22px; */
        /* height: 22px; */
    }

    .location-pin::after {
        /* width: 8px; */
        /* height: 8px; */
        /* top: 5px; */
        /* left: 7px; */
    }
    .highlights-list {
        margin: -10px 0px;
    }
    .highlights-list li {
        width: 100%;
        padding:10px 0px;
    }
    .section-title img{
        height: 40px;
    }
    .section-title{
        margin: 20px 0px 20px;
    }
    .service-item{
        padding: 10px 15px;
    }
}
 



@media (max-width: 480px) {
    .district-image {
    }

    .district-label {
        font-size: 12px;
        padding: 6px 12px;
    }

    .district-item {
        gap: 8px;
    }
}