
    @media only screen and (min-width:1320px) {
.un-list-link-r li a img {
    width: 50px; 
        
}
    .un-list-link-r .masenger{
        padding:0px;
    }
        
        .footer-flex,.div-flex-gallery,.flex-style-col{
            width: 100% !important;
        }
}

    @media only screen and (max-width:1137px) {
        .hide-Municipality{
            display: block !important;
            margin-bottom: 25px;
        }
        .Municipality,.links-div-left{
            display: none ;
        }
    .col-div-element{
            flex-direction: column;
    }
    .col-right-elemnt{
        width: 100% !important;
    }
    .col-div-left{
        width: 100%!important;
            margin-top: 40px;
    }
    .div-link-news-more a{
        width: 100%;
    display: block;
    margin-bottom: 50px;
    }
    .div-link-more-services-btn{
        display: block;
        width: 100%;
    }
    .un-list-link-r li a img{
        width: 35px;
    }
    .img-Municipality{
        height: 400px;
    }
        .link-more-services-btn{
            width: 100%;
            display: block;
        }
}
    @media only screen and (max-width:992px) {
   .services {
         flex-direction: column;       
    }
    .div-icon-service-flex{
        display: flex;
    flex-wrap: wrap;
    }
    .res-margin{
        margin-bottom: 20px;
    }
    .icon-services{
        font-size: 110px;
    }
    .div-project{
        flex-direction: column;
    }
    .flex-style-col{
        display: flex;
        flex-wrap: wrap;
    }
    .col-div-project{
        width: 50% !important;
    }
    .link-more-services-btn{
        display: block;
    }
    .div-img-gallery{
        flex-direction: column;
    }
    .div-flex-gallery {
            flex-wrap: wrap;
    display: flex;
    }
    .flex-gallery{
        width: 50% !important;
    }
    .col-show-img{
        flex-direction: column;
    }
    .div-bottom-flex-gallery{
        display: flex;
        flex-wrap: wrap;
    }
    .flex-w{
        width: 50% !important;
    }
    .bottom-img-gallery{
        margin-top: 20px;
        width: 100% !important;
    }
    .col-links-footer{
        width: 50% !important;
    }
    .footer-flex{
        display: flex;
    flex-wrap: wrap;
    }
}
@media only screen and (max-width:770px) {
    .img-news{
        height: auto;
    }
    
}
@media only screen and (max-width:620px) {
    .flex-style-col ,.div-flex-gallery{
        flex-direction: column;
    }
    .col-div-project , .flex-gallery {
    width: 100% !important;
}
    .image-project, .image-gallery{
        height: 350px;
    }
    .div-bottom-flex-gallery{
          flex-direction: column;
    }
    .flex-w{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .bottom-img-gallery{
        margin-top: 0px !important;
    }
    .container-show-img{
        padding: 0px !important;
    }
}
@media only screen and (max-width:575px) {
    .div-icon-service-flex{
        flex-direction: column;
    }
    .icon-services{
        font-size: 160px;
        width: 50% !important;
    display: inline-block;
    }
    .col-news{
        flex-direction: column;
    }
    .img-news{
        width: 100% ;
    }
    .link-news a{
        margin-top: 30px;
    }
    .footer-flex{
        flex-direction: column;
    }
    .col-links-footer{
        width: 100% !important;
    }
    .col-footer{
        justify-content: flex-end;
    }
    .image-show-gallery-link{
        height: 448px;
    }
    .img-slider{
        height: auto;
    }
}
@media only screen and (max-width:505px) {
    
    .div-hadis-media{
        flex-direction: column;
        align-items: center;
    }
    .icons-header{
        width: 100%;
        display: flex;
    justify-content: center;
    }
}