@media only screen and (min-width: 576px) and (max-width: 767px) {
    .organization-tree{
        display: none;
    }
    .organization-tree2{
        display: block;
    }
    .searchFormMobile {
        display: block;
        max-width: 500px;
    }

    section.mainFacilities {
        display: none;
    }

    .mainFacilitiesMobile {
        display: block;
    }

    .projectMainMobile {
        display: block;
    }

    section.projectMain {
        display: none;
    }

    .mobileFixedHeader {
        display: block;
        z-index: 10;
    }

    header {
        display: none;
    }

    .headerSearchBtn {
        display: none;
    }

    section.mayorMain {
        display: none;
    }

    #fullpage .section:not(.mainSection) {
        display: none;
    }

    section.firstSection .swiper-pagination {

        left: 50%;

        right: unset;

        top: 50%;

        transform: translate(-50%, -50%);
    }

    section.firstSection .swiper-pagination .swiper-pagination-bullet {

        width: 10px;

        height: 10px;

        margin-left: 3px;
    }

    section.firstSection .navbottom {
        display: none;
    }

    section.firstSection .right-widget {
        flex-direction: column;
        right: 15px;
        top: unset;
        bottom: 95px;
        transform: unset;
    }

    section.firstSection .right-widget .request {
        width: 50px;
        margin-left: 0px;
        text-align: right;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
    }

    section.firstSection .right-widget .request .icon-container {
        height: 50px;
    }

    section.firstSection .right-widget .request .text {
        text-align: right;
    }

    section.firstSection .mayor {

        width: 165px;

        bottom: 95px;

        left: 40px;

    }

    section.firstSection .mayor img {

        width: 165px;

        height: 185px;

        left: -40px;

    }

    section.firstSection .mayor .name {

        font-size: 16px;

    }

    section.firstSection .mayor .title {

        font-size: 14px;

    }

    section.firstSection .mayor .social {
        display: none;
    }

    section.firstSection .searchForm {
        display: none;
    }

    section.firstSection .weather {
        display: none;
    }

    section.firstSection .slider .swiper-slide .slogan {

        font-size: 45px;

        left: 20px;

        right: 20px;

        transform: translateY(-50%);

        top: 45%;

        line-height: 47px;

        text-align: center;
    }

    section.firstSection .slider .swiper-slide .slogan span {

        line-height: 33px;
    }

    #fullpage {
        scroll-snap-type: unset;
        overflow: unset;
        height: unset;
    }

    #fullpage .section {
        scroll-snap-align: unset;
    }

    .headerFastMenu {

        width: 67px;

        text-align: center;

        right: 14px;

        top: 15px;

        height: 50px;

        padding: 0;

        position: absolute;

    }

    .headerFastMenu:before {
        display: none;
    }

    .headerFastMenu span {
        display: none;
    }

    .headerFastMenu .icon {

        margin: 0;

    }

    .headerFastMenu:hover {
        padding: unset;
    }

    .headerFastMenu:hover .icon {
        right: unset;
        opacity: 1;
    }

    section.firstSection .storythumbs {

        bottom: unset;

        right: unset;

        left: 15px;

        top: 15px;

    }

    section.firstSection .storythumbs .title {
        display: none;
    }

    section.firstSection .storythumbs .list .item {

        margin-right: 4px;

        width: 50px;

        height: 50px;

        border-radius: 25px;
    }

    section .gotoAfterSection {
        display: none;
    }

    section .gotoBeforeSection {
        display: none;
    }

    .fastMenu > .content {
        padding: 85px 25px 90px;
        overflow-y: scroll;
        height: 100vh;
    }

    .fastMenu .content .fastButtons > .row {
        justify-content: center;
    }

    .fastMenu .content .fastButtons > .row > div {
        width: 33.3%;
    }

    .fastMenu .closeMenu .icon {
        filter: drop-shadow(0px 0px 6px #066069);
    }

    .fastMenu .closeMenu {
        top: 15px;
        right: 15px;
        width: 50px;
        height: 50px;
        z-index: 1;
    }

    .fastMenu .content .fastButtons .btn .content {

        flex-direction: column;

        align-items: center;

        justify-content: center;

        padding: 6px;
    }

    .fastMenu .content .fastButtons .btn .text {

        position: relative;

        left: unset;

        top: unset;

        transform: unset;

        text-align: center;

        font-size: 14px;
    }

    .fastMenu .content .fastButtons .btn .subTitle {

        display: none;
    }

    .fastMenu .content .fastButtons .btn .iconarea {

        margin: 0px;

        width: 30px;

        height: 40px;

        margin-bottom: 5px;

    }

    .fastMenu .content .fastButtons .btn .iconarea div.icon {

    }

    .fastMenu .content .fastButtons .btn:hover .text {
        top: unset;
    }

    section.newsMain .titlebar {
        padding: 30px 15px;
        height: unset;
        margin-bottom: unset;
    }

    section.newsMain .news-container {
        padding: 0px 15px;
    }

    section.newsMain .newsSliderTop .newsArrow {
        display: none;
    }

    section.newsMain .newsSliderTop .news-item .content .date {
        display: none;
    }

    section.newsMain .newsSliderTop .news-item .content .title {
        font-size: 15px;
        line-height: 16px;
    }

    section.newsMain .newsSliderTop .news-item .content .text {
        display: none;
    }

    section.newsMain .newsSliderTop .news-item .content {
        bottom: 30px;
        left: 10px;
        right: 10px;
    }

    section.newsMain .newsSliderThumb .swiper-slide .img {
        height: 46px;
    }

    section.newsMain .newsSliderThumb {
        height: 46px;
        margin-top: -25px;
    }

    section.newsMain .newsSliderTop .news-item .img img {
        width: 100%;
    }

    section.newsMain .allNews {
        margin-top: 20px;
        margin-bottom: 25px;
    }

    section.newsMain .twitterContent {
        padding: 48px 20px 48px 20px;
        min-height: 380px;
    }

    section.newsMain .twitterContent .twitterprofile {
        margin-bottom: 35px;
    }

    section.newsMain .twitterContent .twitterfeedsOwlDots {
        left: 18px;
    }

    section.newsMain .twitterContent .twitterfeedsOwlDots .owl-dot {
        width: 18px;
        height: 18px;
        margin-right: 5px;
        display: none;
    }

    section.newsMain .twitterContent .twitterfeedsOwlDots .owl-dot:nth-child(-n+7) {
        display: inline-block;
    }

    section.newsMain .twitterContent .twitterFallowBtn {
        right: 15px;
    }

    section.newsMain {
        min-height: unset;
    }

    section.newsMain .newsBtns {
        display: none
    }

    section.newsMain .newsBtns .btn {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    section.newsMain .newsBtns .btn span {
        font-size: 18px;
        line-height: 18px;
    }

    section.events {
        display: none;
    }

    section.mainMeramTv .meramTvSlider {
        display: none;
    }

    .owl-meramtvSlider {
        display: block;
    }

    section.mainMeramTv .meramtv-container {
        padding: 160px 15px 100px;
    }

    section.mainMeramTv {
        height: unset;
    }

    section.mainMeramTv:before {
        content: '';
        position: absolute;
        height: 100%;
        z-index: -3;
        left: -240px;
        pointer-events: none;
        background: linear-gradient(
                314deg, rgba(255, 255, 255, 0) 30%, rgba(166, 215, 103, 0.76) 56.36%, #8aca38 63.05%, #1e7d62 82.42%, #066069 100%);
        opacity: 0.85;
        right: 0px;
    }

    section.counters .counters-container {
        padding: 0px 15px;
    }

    section.counters {
        padding: 30px 0px;
    }

    section.footer a.logo {
        display: none;
    }

    section.footer .footer-container {

    }

    section.footer .social {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    section.footer {
        min-height: unset;
        padding: 30px 0px 60px;
    }

    section.footer .checkboxes .customCheckbox {
        margin-right: 13px;
    }

    section.footer .newsletter .form-control {
        margin-bottom: 10px;
    }

    section.footer .menulist > .row {

    }

    section.footer .menulist > .row > div:nth-child(1) {
        width: 50%;
        flex: unset;
    }

    section.footer .menulist > .row > div:nth-child(2) {
        width: 50%;
        flex: unset;
    }

    section.footer .menulist .menu ul > li > a {
        line-height: 16px;
        padding: 5px 0px;
    }

    section.footer .links {
        display: block;
    }

    section.footer .links a {
        width: 49%;
        text-align: center;
        display: inline-block;
        margin-bottom: 10px;
    }

    section.footer .apps {
        margin-bottom: 20px;
    }

    section.footer .apps a {
        width: 49%;
    }

    section.footer .apps .text {
        text-align: center;
    }

    section.firstSection .stories .swiper-story {
        overflow: hidden;
        margin-left: -15px;
        margin-right: -15px;
    }

    section.firstSection .stories .swiper-story .swiper-slide {
        opacity: 1;
    }

    section.firstSection .stories .story {
        height: 100vh;
        min-height: unset;
        padding-bottom: unset;

    }

    section.firstSection .stories .swiper-story .swiper-slide.swiper-slide-active .img {
        background: transparent;
        box-shadow: unset;
    }

    section.firstSection .stories .story .img {
        border-radius: 0;
    }

    section.firstSection .stories .story .img:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        background: rgb(0, 0, 0);
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        height: 200px;
        z-index: 1;
        opacity: 0.5;
    }

    section.firstSection .stories .story .img:after {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: rgb(0, 0, 0);
        background: linear-gradient(
                0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
        height: 200px;
        z-index: 1;
        opacity: 0.5;
    }

    section.firstSection .stories .story .text {
        opacity: 1;
        pointer-events: auto;
        color: #fff;
        position: absolute;
        bottom: 95px;
        width: 100%;
        padding: 0px 15px;
        text-align: center;
        font-weight: bold;
        z-index: 2;
    }

    section.firstSection .stories .content {
        height: 100vh;
        width: 100vw;
    }

    section.firstSection .stories .close {
        z-index: 2;
        right: 15px;
        top: 15px;
        width: 45px;
        height: 45px;
    }

    section.firstSection .storypagination {
        display: flex;
    }

    .mobileHeader {
        display: block;
    }

    section.footer .menulist {
        display: none;
    }

    section.banner {
        min-height: 235px;
        padding-top: 100px;
        padding-right: 15px;
        padding-left: 15px;
    }

    section.mediation {
        padding-right: 15px;
        padding-left: 15px;
    }

    .filtreContent form {
        flex-direction: column;
        padding: 0px 15px;
    }

    .filtreContent .ms-select {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
        min-width: unset !important;
    }

    .filtreContent .form-group {
        max-width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    section.mayor .mayor-container {
        padding: 0px 15px;
    }

    section.mayor .image {
        position: absolute;
        left: 0px;
        top: 0px;
        opacity: 0.2;
        z-index: -1;
    }

    section.mayor .social {
        text-align: left;
    }

    section.mayor .buttons {

    }

    section.mayor .buttons .btn {
        display: inline-block;
        width: 31%;
        margin-bottom: 10px;
        line-height: 21px;
        padding: 30px 20px;
    }

    section.mayorGallery {
        padding: 30px 15px;
    }

    section.mayorGallery .galleryItem.with-title .content {
        left: 15px;
        right: 15px;
        bottom: 15px;
    }

    section.mayorGallery .galleryItem.with-title .content .title {
        font-weight: 500;
        font-size: 15px;
    }

    section.banner .breadcrumb a {
        white-space: nowrap;
    }

    section.banner .breadcrumb {
        max-width: 90%;
        overflow: hidden;
    }

    .corporateFixedOpen {
        display: block;
        top: 16%;
    }

    section.corporateSidebar {
        display: none;
    }

    section.corporate .corporate-contrainer3 {
        margin: 0 auto;
        padding: 0px 15px;
    }

    section.mayorAssistantDetail {
        display: flex;
        /* flex-direction: column-reverse; */
    }

    section.mayorAssistantDetail .content {
        padding: 100px 15px;
    }

    section.mayorAssistantDetail .img {
        min-width: 330px;
        height: 528px;
    }

    section.corporate .corporate-contrainer2 {
        padding: 0px 15px;
    }

    section.announcements .announcement .iconArea {
        min-width: 120px;
    }

    section.announcements .announcement {
        height: 120px;
    }

    section.newsList .newsSliderTop .newsArrow {
        display: none;
    }

    section.newsList .newsSliderTop .news-item .content .text {
        display: none;
    }

    section.newsList .newsSliderTop .news-item .content .title {
        font-size: 18px;
        line-height: 20px;
    }

    section.newsList .newsSliderThumb .swiper-slide .img {
        height: 46px;
    }

    section.newsList .newsSliderThumb {
        margin-top: -25px;
        height: 46px;
    }

    section.newsList .newsSliderTop .news-item .content {
        bottom: 30px;
        left: 10px;
        right: 10px;
    }

    section.newsList .newsSliderTop .news-item .img img {
        width: 100%;
    }

    section.newsList .newsBtnList {

        flex-wrap: wrap;

    }

    section.newsList .newsBtnList .btn {
        flex: 1 1 50%;
        margin: 0;
    }

    .newsPosts .newspost1 .content {
        left: 10px;
        right: 10px;
    }

    .newsPosts .newspost1 .content .date {
        font-size: 12px;
    }

    .newsPosts .newspost1 .content .title {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 5px;


    }

    section.otherNews {
        display: none;
    }

    section.banner.banner2 h1 {
        line-height: 34px;
        font-size: 32px;
    }

    section.otherNewsMobile {
        display: block;
    }

    .fileList3 .head {
        display: none;
    }

    .fileList3 .body .file {
        height: unset;
    }

    .fileList3 .body .file .text1 {
        min-height: 65px;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 20px;
    }

    .fileList3 .body .file .text2 {
        min-height: 65px;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 20px;
        text-align: left;
    }

    .fileList3 .body .file .text3 {
        min-height: 65px;
        justify-content: center;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 20px;
    }

    .fileList3 .body .file .process {
        height: 100%;
    }

    .fileList3 .body .row {
        height: unset;
    }

    .fileList3 .body .file .text1:before {
        height: 1px;
        width: unset;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: unset;
    }

    .fileList3 .body .file .text2:before {
        height: 1px;
        width: unset;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: unset;
    }

    .fileList3 .body .file .text3:before {
        height: 1px;
        width: unset;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: unset;
    }

    .fileList3 .body .file .text1 .textDesc, .fileList3 .body .file .text2 .textDesc, .fileList3 .body .file .text3 .textDesc {
        display: block;
        color: #505050;
        font-weight: 600;
    }

    section.contact .imgarea {
        position: absolute;
        width: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        z-index: -1;
    }

    section.contact .mapArea {
        padding-right: 0px;
    }

    section.contact .contact-informations .items .item p {
        line-height: 25px;
    }

    section.corporate .corporate-contrainer1 {
        padding: 0 15px;
    }

    section.corporate .fileList2 .fileTitle {
        font-size: 25px;
        line-height: 26px;
    }

    section.history .wrapper {
        padding: 50px 15px;
    }

    .directorateDetail > .row {

    }

    .directorateDetail .manager .contact {
        height: 80px;
        margin-bottom: 30px;
        padding-right: 80px;
    }

    .directorateDetail .name {
        font-size: 28px;
    }

    .directorateDetail .name span {
        font-size: 18px;
    }

    .directorateDetail .files .title {
        font-size: 28px;
    }

    .directorateDetail .newTitle {
        font-size: 28px;

    }

    section.corporate .officiant {
        margin-bottom: 20px;
    }

    section.corporate .officiant .img {
        min-width: 245px;
    }

    .contactList2 .contact .text .textDesc, .contactList2 .contact .text2 .textDesc {
        display: block;
        font-size: 14px;
        font-weight: 600;
    }

    .contactList2 .contact {
        height: unset;
    }

    .contactList2 .head {
        display: none;
    }

    .contactList2 .contact .row {
        height: unset;
    }

    .contactList2 .contact .text {
        min-height: 65px;
        padding: 10px 25px;
        border-bottom: 1px solid #0000000d;
        display: block;
    }

    .contactList2 .contact .text2 {
        min-height: 65px;
        padding: 10px 25px;
        border-bottom: 1px solid #0000000d;
        display: block;
    }

    .contactList2 .contact .btnArea {
        height: unset;
        min-height: 65px;
    }

    section.prevMayors .mayors .prevmayor {
        height: 450px;
    }

    section.prevMayors .prevmayors-container {
        padding: 0px 15px;
    }

    section.prevMayors .mayors .prevmayor .content {
        padding: 75px 15px;
    }

    section.requestBtnList {
        display: none;
    }

    section.requestandcomplaint .buttonList .btn {
        margin-bottom: 20px;
    }

    section.blankpage {
        padding: 20px 15px;
    }

    .form-area.show {
        max-height: 500vh;
    }

    .form-area .form-group.inline label {
        line-height: 30px;
    }

    .form-area .form-group {
        margin-bottom: 10px;
    }

    section.mayorGallery .galleryItem.with-title .img img {
        width: 100%;
    }

    section.projects .nav {
        display: none;
    }

    section.projects .wrapper {
        padding: 35px 15px;
    }

    section.projects .navMobile {
        display: block;
    }

    section.facilitiesBanner h1 {
        font-size: 30px;
        color: #fff;
        text-align: center;
    }

    section.facilities {
        padding: 0px 15px 70px;
        margin-top: -300px;
    }

    section.facilitiesBanner .googleMap {
        right: 15px;
        bottom: 280px;
        padding: 12px 25px;
        height: unset;
        font-size: 16px;
    }

    section.facilities > .row > div:nth-child(1) {
        display: none;
    }

    section.facilities > .row > div:nth-child(2) {
        width: 100%;
    }

    section.facilities > .row > div:nth-child(3) {
        width: 100%;
    }

    section.facilities > .row > div.col-other-project {
        display: block;
        width: 100%;
        margin-top: 20px;

    }

    section.facilities .wrapper .scrollArea {
        overflow: unset;
        max-height: unset;
        padding: 0px;
    }

    section.facilities .wrapper {
        height: unset;
        margin-bottom: 20px;
        padding: 30px 20px;
    }

    section.facilitiesBanner .arrows {
        left: 15px;
        bottom: 285px;
    }

    section.assemblyAreas .htitle {
        width: 80%;
        padding: 16px 15px;
        font-size: 20px;
        z-index: 3;
    }

    section.assemblyAreas .mapArea .formArea {
        position: relative;
        width: 100%;
        left: 0px;
        top: 0px;
        background: #066069;
        padding: 70px 15px 20px;
    }

    section.assemblyAreas .mapArea .formArea .btn {
        background: #fff;
        color: #066069;
    }

    section.project .projectTitle {
        line-height: 32px;
        font-size: 30px;
    }

    section.project .socialShare {
        text-align: center;
    }

    section.project .socialShare span {
        text-align: center;
    }

    section.project .projectInfo1 {
        margin-right: -15px;
        margin-left: -15px;
    }

    section.project .projectInfo1 .status {
    }

    section.project .projectInfo1 .list {
    }

    section.project .projectInfo1 .list .item .text {
    }

    section.project .projectDetails {
        flex-wrap: wrap;
    }

    section.project .projectDetails .item {

        flex: 1 1 50%;

        margin: 0;
    }

    section.project .projectDetails .item:not(:last-child):before {
        height: 1px;
        width: unset;
        left: 0px;
        right: 0px;
        top: unset;
        bottom: 0;
        display: none;
    }

    section.project .project-wrapper {
        padding: 60px 15px;

    }

    section.project .projectImages .image {
        margin-bottom: 1px;
    }

    section.project .otherProject .title {
        font-size: 30px;
        line-height: 32px;
    }

    section.project .project-list .project-item .text {
        font-size: 15px;
    }

    .organization-tree {
        padding-bottom: 100px;
        max-width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }

    .organization-tree .tree0 {
        min-width: 1180px;
    }

    .organization-tree .tree {
        min-width: 1200px;
    }

    .organization-tree .tree2 {
        min-width: 1200px;
    }

    .promptBox{
        display: block;
    }

    .search-page-title {
        font-size: 30px;
        line-height: 34px;
    }

    section.corporate .parliamentaryagenda .item {
        padding: 20px 15px;
    }

    section.corporate .fileList .file span {
        font-size: 16px;
    }

    section.announcements .announcement .content .text {
        margin-bottom: 25px;
    }

    section.firstSection .right-widget .request .icon-container .icon {
        width: 32px;
        height: 32px;
    }
    .directorateDetail .desktopNews{
        display: none;
    }
    .directorateDetail .mobileNews{
        display: block;
    }
    .fastMenu .content .fastLinks{

        flex-wrap: wrap;
    }
    .fastMenu .content .fastLinks a{
        flex: 1 1 25%;
        margin: 0;
        margin-bottom: 20px;
    }
    section.mayorGalleryDetail .mayorGallerySlider .galleryItem .img{
        height: unset;
        padding-bottom: 70%;
    }
    section.ebelediye .selection .nav a{
           margin-bottom: 20px;
       }
    section.ebelediyepayment .paymentsTable {
        max-width: 100vw;
        overflow: hidden;
        overflow-x: scroll;
    }

    section.ebelediyepayment .information .item {
        padding: 17px 8px;
    }

    section.ebelediyepayment .information .item b {
        display: block;
    }

    section.ebelediyepayment .paymentFooter .selectedPrice {
        line-height: 43px;
        margin-bottom: 20px;
        font-size: 28px;
    }

    section.ebelediyepayment .paymentFooter .note1 {
        margin-bottom: 20px;
    }

    section.ebelediyepayment .paymentFooter .btn-area {
        padding-right: 0px;
        text-align: center;

    }

    section.ebelediyepayment .paymentFooter .btn-area .btn{
        margin: 0px 0px;
        font-size: 15px;
        width: calc(50% - 3px);

    }
    section.ebelediyepayment .paymentFooter .btn-area .btn2{
        margin-left: 0px;
        margin-top: 10px;
    }

    section.ebelediyepayment .paymentsTable table tbody td {
        padding: 18px 6px;
        vertical-align: middle;
    }
}