/* Font tasarımı*/
* {
    font-family: 'Nexa-Font-Book';
    src: url(/assets/fonts/Nexa-Font/NexaBook.otf) format("opentype");
}

@font-face {
    font-family: 'Nexa-Font-Black';
    src: url(/assets/fonts/Nexa-Font/NexaBlack.otf) format("opentype");
}

@font-face {
    font-family: 'Nexa-Font-Book';
    src: url(/assets/fonts/Nexa-Font/NexaBook.otf) format("opentype");
}

@font-face {
    font-family: 'Nexa-Font-Heavy';
    src: url(/assets/fonts/Nexa-Font/NexaHeavy.otf) format("opentype");
}

@font-face {
    font-family: 'Nexa-Font-Light';
    src: url(/assets/fonts/Nexa-Font/NexaLight.otf) format("opentype");
}

@font-face {
    font-family: 'Nexa-Font-Regular';
    src: url(/assets/fonts/Nexa-Font/NexaRegular.otf) format("opentype");
}

@font-face {
    font-family: 'Nexa-Font-Thin';
    src: url(/assets/fonts/Nexa-Font/NexaThin.otf) format("opentype");
}

@font-face {
    font-family: 'Nexa-Font-Bold';
    src: url(/assets/fonts/Nexa-Font/NexaXBold.otf) format("opentype");
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-size: 14px;
    color: #444;
    margin: 0;
    padding: 0;
}

.baslik-icerik-tasarim {
    background-color: #1f3061;
    height: 53px;
    border-radius: 5px;
}

    .baslik-icerik-tasarim h5 {
        color: #ffffff;
        padding-top: 18px;
        padding-left: 10px;
        font-size: 13px;
    }

.baskan-menu-title {
    font-size: 25px;
}

.baskan-menu-icerik {
    font-size: 14px;
}

.kurumsalrenk1 {
    border-bottom: 10px solid #4d6379 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}



.kurumsalrenk2 {
    border-bottom: 10px solid #819cb7 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.kurumsalrenk3 {
    border-bottom: 10px solid #becfdf !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bg-facebook {
    background: #3b5998;
    color: #ffffff;
    padding: 10px;
}

.solmenucss {
    color: #ffffff;
    padding-left: 0px;
    padding-top: 17px;
    padding-bottom: 10px;
    border-radius: 7px;
    background: #1f3061;
}

.icerik table tbody tr td a img {
}

.habercontainer {
    display: -webkit-inline-box;
}

.kutu {
    width: 100%;
    display: contents;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    grid-gap: 15px;
    margin: 0 auto;
}

.kart {
    position: relative;
    width: 400px;
    height: 250px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    margin: 20px;
}

    .kart:before,
    .kart:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        background: #fff;
        transition: 0.5s;
        z-index: -1;
    }

    .kart:hover:before {
        transform: rotate(20deg);
        box-shadow: 0 2px 20px rgba(0, 0, 0, .2);
    }

    .kart:hover:after {
        transform: rotate(10deg);
        box-shadow: 0 2px 20px rgba(0, 0, 0, .2);
    }

    .kart .imgBx {
        position: absolute;
        top: 10px;
        left: 10px;
        bottom: 10px;
        right: 10px;
        background: #222;
        transition: 0.5s;
        z-index: 1;
    }

    .kart:hover .imgBx {
        bottom: 80px;
    }

    .kart .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .kart .details {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 10px;
        height: 60px;
        text-align: center;
    }

        .kart .details h2 {
            margin: 0;
            padding: 0;
            font-weight: 600;
            font-size: 14px;
            color: #777;
            text-transform: uppercase;
        }

            .kart .details h2 span {
                font-weight: 500;
                font-size: 16px;
                color: #f38695;
                display: block;
                margin-top: 5px;
            }

.icerik p a img {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 30px;
}

.bg-facebook:hover {
    background: #3b5998;
    color: #c2c2c2;
    padding: 10px;
    text-decoration: none;
}

.bg-twitter {
    background: #00aced;
    color: #ffffff;
    padding: 10px;
}

    .bg-twitter:hover {
        background: #00aced;
        color: #c2c2c2;
        padding: 10px;
        text-decoration: none;
    }

.respTarihAciklama {
    color: #ffffff;
}

.bg-googleplus {
    background: #dd4b39;
    color: #ffffff;
    padding: 10px;
}

    .bg-googleplus:hover {
        background: #dd4b39;
        color: #c2c2c2;
        padding: 10px;
        text-decoration: none;
    }

.bg-baskan-text {
    background: #d0ccc9;
    padding: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    z-index: 11;
}

.background-baskan {
    background-image: url('/assets/images/bskn.png');
    background-size: cover;
    background-repeat: round;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1;
}

.centerFlex {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
}

    .centerFlex small {
        justify-content: center;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .centerFlex hr {
        background: white;
        width: 100%;
        height: 1px;
        border-radius: 5px;
    }

    .centerFlex span {
        font-size: 17px;
    }


.background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row_margin_bottom {
    margin-bottom: 5px;
}

.tab_navlia {
    border-right-style: solid;
    border-right-color: #cccccc;
    border-right-width: 1px;
    border-radius: 0px;
}

.tab_nav {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
}

.panel-body {
    padding: 15px;
    border-top-color: #ddd;
    border-top: 1px solid #ddd;
}

.EczaneBaslik {
    text-align: center;
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: 1px;
    min-height: 300px;
}

.text-overlay {
    position: absolute;
    font-family: "Nexa-Font-Light";
}

    .text-overlay h3 {
        margin: 0;
        font-family: "Nexa-Font-Bold";
        font-size: 30px;
        color: #1b1b1b;
    }

    .text-overlay h6 {
        margin: 2;
        font-family: "Nexa-Font-Regular";
        color: #3a3a3a;
    }

    .text-overlay p {
        font-size: 10px;
        text-align: justify;
        color: #2b2b2b;
    }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 90%;
        margin: 1.75rem auto;
    }
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

ul.socialButton {
    margin: 0 0 10px 0;
    padding: 0px;
    list-style: none;
    width: 600px;
    overflow: hidden;
}

    ul.socialButton li {
        float: left;
        margin-right: 5px;
    }

    ul.socialButton li {
        display: list-item;
        text-align: -webkit-match-parent;
        line-height: 20px;
        padding: 10px;
    }

.navbar-toggler-label {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.19);
    opacity: 0.9;
    text-align: center;
    position: relative;
    top: 6px;
    border-radius: 10px;
    visibility: hidden;
    z-index: 999999;
}

.rklm-buyuk {
    background-color: #032863;
    min-height: 100%;
    padding-right: 1% !important;
    padding-left: 1% !important;
    align-items: center;
}

.navbar-toggler-label span {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999999;
}

.altkisim-img {
    width: 100%;
}

a:hover {
    text-decoration: none !important;
}

a {
    text-decoration: none !important;
}


body::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar-track {
    background: #3b6a8d;
}

body::-webkit-scrollbar-thumb {
    background-color: rgb(0 0 0);
    border-radius: 20px;
    border: 1px solid #3b6a8d;
}

.menu {
    padding-right: 72px !important;
}

    .menu ul {
        float: right;
    }

.NavRenkli {
    width: 100%;
    height: 15vh;
    background-color: rgb(17, 68, 91);
}

.menu ul li a {
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
}

.dropdown-menu a {
    color: #333 !important;
}

..modal-dialog {
    max-width: 50%;
    margin: 1.75rem auto;
}

.HizliMenuALL {
    align-self: center;
    justify-content: center;
    margin-top: -24%;
    color: #11435b;
    transition-duration: 0.5s;
    padding: 0 !important;
}

.baskan-menu-fonts {
    font-size: 15px;
}

.acilis {
    height: 100%;
    width: 100%;
    position: relative;
}

.searchText {
    background: url(/assets/images/search.png) no-repeat scroll 7px 7px #fff;
    background-position: 98% 9px;
    width: 358px !important;
}

.pencere_acilirmenu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 800px;
    max-width: 90%;
    background-color: #FDFDFD;
    border: 1px solid #D1D1D1;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    z-index: 5;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    color: #11435b;
    cursor: pointer;
}

    .close-button:hover {
        border: 1px solid #11435b;
        border-radius: 8px;
    }


/* acilis*/
#bg-video {
    position: absolute;
    overflow: hidden;
    display: block;
    width: 100%;
}

.title-haberler-etkinlikler {
    color: #066693;
    text-align: center;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    font-size: 1.1rem;
    line-height: 2.5;
    border-radius: 0.25rem;
    text-decoration: none;
    border-bottom: 1px solid #69b6da;
    font-family: 'Nexa-Font-Bold';
    font-weight: bold;
}

.card-duyuruEtkinlikHaber {
    /*height: 660px;*/
    margin: 30px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    overflow: overlay;
}

    .card-duyuruEtkinlikHaber:hover {
        box-shadow: 0px 2px 4px #e25153;
    }


.divbody {
    background: url(/assets/images/background.png) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: -2;
}

.divbody2 {
    background: url(/assets/images/background2.jpg);
    width: 100%;
    z-index: -2;
}

.ustband {
    width: 100%;
    margin-top: -5px;
}

.navbar-custom {
    background: #1f3061c4;
    position: fixed !important;
    top: 0;
    z-index: 15;
}

.navbar-toggler {
    background-color: #ffffff;
    border: 1px solid #ce393a;
}

.dropdown-menu {
    background-color: #1f3061 !important
}

.dropdown-item {
    transition-duration: .3s;
}

    .dropdown-item:hover {
        background-color: #4e68b5 !important;
    }

.nav-responsive-logo {
    display: none;
}

.nav-responsive-erzurum {
    display: none;
}

.mid-hizli-erisim {
    background: #f00;
    width: 100px;
    height: 100px;
    max-width: 600px;
    max-height: 400px;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

/* navbar image logo tasarımı*/
.navbarimagelogo {
    margin-right: 20px;
    margin-top: 2px;
    width: 60px;
    animation: blinker 0.9s linear infinite;
    float: left;
}

.belediye_hover {
    transition-duration: 5s;
}

.belediye-tasarim-frame {
    transition-duration: 5s;
}

.belediye_hover:hover {
    content: url('/assets/images/siluetBlue.png');
}
/* navbar image erzurum tasarımı*/
.navbarimageerzurum {
    height: 50%;
    top: 0;
}


/* navbar EN tasarımı*/
.right-len-width {
    margin-right: 120px;
    font-weight: bold;
}

/* navbar divider tasarımı*/
.nav-divider-p {
    margin: 5px;
    font-weight: bold;
}




/* navbar search tasarımı*/
.search-input {
    padding-left: 40px;
}

    .search-input::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/assets/images/search.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.search-custom {
    width: 340px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}

    /* navbar search ikonu*/
    .search-custom:after {
        width: 20px;
        height: 20px;
        content: url(/assets/images/search.png);
        position: absolute;
        right: 6px;
    }

.custom-navbar-design {
    padding-right: 10px;
    padding-left: 10px;
}

/* Orta blok ayarlama */
.orta-blok-ayarlama {
    padding-top: 0px;
    height: 75%;
}

.bg-baskan-text span div {
    font-size: 18px;
    display: flex;
    justify-content: center;
    font-weight: bold;
}

.alt-kisim-ayarlama {
    padding-left: 25px;
    text-align-last: center;
    overflow: hidden;
    text-align: -webkit-center;
    bottom: 0;
    position: absolute;
    width: 100%;
}


.baskanDiv {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 2%;
    overflow: hidden;
}

/* baskan image tasarımı */
.baskanimage {
    height: calc(100vw - 80vw);
    float: left;
}

.solefekt {
    width: 8% !important;
    height: calc(100vw - 80vw);
    background-color: #f8a21c;
    border-radius: 0px 100px 100px 0px;
    float: left;
}

.baskandivider {
    width: 100%;
    height: 5px;
    background-color: #f8a21c;
    border-radius: 0px 5px 5px 0px;
}

.baskan-isim-aciklama {
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px !important;
}


.baskan-link-tasarım {
    color: white;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.baskan-link-frame {
    height: 40px;
    background-color: #5f91b5db;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #fff;
    width: 100%;
    display: inline-table;
}

.kurumsal-layout {
    align-content: center;
    align-items: center;
    justify-content: center;
}
/* Hızlı menu tasarımı */

.menu-frame {
    height: 98px;
    margin-left: 0px;
    margin-bottom: 17px;
    margin-right: 2px;
    background-color: #fff;
    opacity: .9;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    border: 2px solid #11453b52;
    padding: 0;
}

.menu-link-font {
    font-weight: bold;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* card tasarımı*/


.haber-kategori-tasarim {
    position: absolute;
    width: 150px;
    padding: 2px;
    background-color: #1f3061;
    border-radius: 0px 0px 0px 8px;
    text-align: center;
    top: 0;
    left: calc(100% - 150px);
}

    .haber-kategori-tasarim i {
        font-weight: 400 !important;
        margin-right: 3px;
    }


.card-kategori-blok {
    width: 150px;
    height: 30px;
    background-color: #f8a21c;
    border-radius: 0px 0px 20px 20px;
}

/* div ortalama */
.div-mid {
    margin: 0px auto;
}



[class^=icofont-] {
    font-weight: 200 !important;
}

.havaText {
    font-size: 15px;
    text-align-last: right;
}

.degree {
    position: absolute;
    bottom: 0;
    right: 18%;
}


.haber-hizli-menu {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 4% !important;
    overflow: hidden;
    vertical-align: baseline;
    margin: 0;
    box-sizing: border-box;
}

/* Carosel Multiple */
.mainHaber .row {
    padding-left: 2%;
    padding-right: 2%;
}

.slider-sayfa1-blogset {
    margin-right: 0% !important;
    display: block !important;
}

/* blog items */
.haberSliderContent {
    background-color: #fff !important;
    box-shadow: 0 0 11px 0 rgb(6 22 58 / 14%) !important;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 385px;
    margin-top: 8px;
}


.haberDetay {
    color: #1f3061;
    border: 1px solid #1f3061;
    border-radius: 10px;
    padding: 5px;
    font-size: 12px !important;
    position: absolute;
    bottom: 10px;
    left: 20px;
    font-weight: bold;
}

    .haberDetay:hover {
        background-color: #fff;
        color: rgb(0, 73, 141)
    }


.sayfa1-slider {
    color: #fff
}

.haberSliderContent h5 {
    color: #1f3061;
    font-size: 14px;
    line-height: 20px;
    transition: all 0.3s;
    text-decoration: none;
    font-weight: bold;
}

.haberSliderContent span {
    color: #aaa;
    font-size: 12px;
}

.haberSliderContent p {
    border-top: 1px solid #e5e5e5;
    margin-top: 4px;
    padding-top: 5px;
    font-size: 12px;
    color: #333;
    float: left;
    width: 100%;
    height: 110px;
    overflow: hidden;
}

.haberSliderContent a {
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s;
}

.mainHaber {
    font-size: 14px;
}

.hizliMenu {
    transition-duration: 0.5s;
}

    .hizliMenu i {
        margin-top: 10px;
        font-size: 40px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 14px;
    }

/* Sayfa 2 */


.slider-position {
    background-color: #003954;
    border-radius: 50px;
}

.card-tasarim {
    margin: 20px 32px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

    .card-tasarim i {
        position: relative;
        height: 80px;
        z-index: 2;
    }

.slider-sayfa2-item {
    opacity: 1.0 !important;
    width: 1% !important;
}

.slider-sayfa2-imagesize {
    width: 10% !important;
    height: 180px;
}

/* #f8a21c  #f81c1cab */
.slider-sayfa2-item div a:hover {
    color: #fff;
    background-color: #f8a21c;
    box-shadow: 0 11px 20px #b02a37, 0 11px 11px #f8a21c;
}

.slide-sabit-item:hover {
    color: #fff;
    background-color: #f81c1cab;
    box-shadow: 0 11px 20px #b02a37, 0 11px 11px #ecebe9;
}

.sosyal-medya-whatsapp {
    color: #0dc143;
    font-size: 20px;
}

.sosyal-medya-youtube {
    color: #f00;
    font-size: 20px;
}

.sosyal-medya-facebook {
    color: #0c86ee;
    font-size: 20px;
}

.sosyal-medya-twitter {
    color: #1d9bf0;
    font-size: 20px;
}

.sosyal-medya-instagram {
    color: #fe1c7f;
    font-size: 20px;
}

.edge {
    border: 1px solid #3b6a8d;
}



/* Sayfa 2 */


.Reklamslider-konum {
    margin: 1%;
}

.Reklamslider1,
.Reklamslider2 {
    float: left !important;
}

.reklam-slider-js {
    display: flex !important;
    color: #fff;
    font-size: 20px;
}

.reklam-slider-js2 {
    display: flex !important;
    color: #fff;
    font-size: 20px;
}


/* TAB PANEL */
.duyuru-haber-etkinlik-Row {
    margin-bottom: 4%;
    padding: 0;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.event-news-blog {
    width: 100%;
}

.custom-header-tabs {
    margin-left: 4%;
}

.event-blog {
    border: 1px solid #dfe1e8;
    border-radius: 10px;
    position: relative;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
}

    .event-blog a {
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
    }

.btn-primary {
    --bs-btn-color: #9da8c3 !important;
    --bs-btn-bg: #f3f5fc !important;
    --bs-btn-border-color: #f3f5fc !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #0b5ed7 !important;
    --bs-btn-hover-border-color: #0a58ca !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #0a58ca !important;
    --bs-btn-active-border-color: #0a53be !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #0d6efd !important;
    --bs-btn-disabled-border-color: #0d6efd !important;
}

.event-blog.newscast {
    height: 100%;
    display: inline-grid;
}

.filter-container .filterDiv.show {
    width: 100%;
    display: -moz-flex;
    display: flex;
}

.event-blog-header {
    padding: 12px 22px 0px;
}

    .event-blog-header .picture {
        height: 220px;
        overflow: hidden;
        width: 100%;
        margin-bottom: 18px;
    }

        .event-blog-header .picture img {
            border-radius: 16px;
            margin-bottom: 18px;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            vertical-align: middle;
            border-style: none;
        }

    .event-blog-header h5 {
        font-size: 13px;
        color: #191c24;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2;
        margin-bottom: 0px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.event-col-distance-blog {
    height: fit-content;
}

.event-blog.newscast .event-blog-content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 18px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    color: #9da8c3;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 4%;
    margin-bottom: 4%;
}

.even-blog-footer {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.event-blog-footer a {
    width: 100%;
    border-radius: 0px;
}

    .event-blog-footer a p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
    }

.event-blog.newscast:hover {
    border: 1px solid #0d6efd !important;
}

.event-blog-buton-frame {
    background-color: #2093ff !important;
    color: #fff !important;
    font-size: 18px !important;
    border: none;
    font-weight: bold !important;
    padding: 0 !important;
}

.event-blog-button-konum {
    display: inline-block;
    position: relative;
    padding: 7px 10px !important;
    text-align: center;
    top: 14px;
}

/* Duyuru blog */
.tab-content-blog-yapisi {
}


.event-blog-header .event-image-size {
    overflow: hidden;
    width: 100%;
}

    .event-blog-header .event-image-size img {
        border-radius: 16px;
        margin-bottom: 10px;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        border-style: none;
    }

.duyuru-haber-etkinlik-Tumubutton {
    float: right;
    margin-right: 2%;
}

/* Sirketler alanı ile ilgili sınıflar */
.sirketler-tasarim {
    margin-top: 3%;
    margin-bottom: 1%;
    height: 10%;
    padding: 0;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
}

.reklam-image-responsive {
    width: 100%;
    top: 0;
    position: relative;
    z-index: 1;
    border-radius: 10px;
}

.sirketler-big-frame {
    float: left;
    padding: 40px;
    border: 1px solid #003650;
    border-radius: 14px;
    background: #dddddd38;
}

.sirketler-standart-frame {
    padding: 10px;
    border: 3px solid #d39e00;
    border-radius: 20px;
    margin: 10px;
}

    .sirketler-standart-frame:hover {
        border: 3px solid #e75659;
    }

.reklam-standart-frame {
    margin: 10px;
}

/* footer */
.footer-tasarim {
    background-color: #efeeee;
}

.footer-baslik-tasarim {
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    text-transform: uppercase;
    color: #003650;
}

.footer-liste-tasarimi {
    font-size: 12px;
    color: #2e2e2e;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 500 !important;
}

    .footer-liste-tasarimi:hover {
        color: #f81c1cab;
        text-decoration: none;
    }


.footer-link-tasarim {
    text-decoration: none;
}

    .footer-link-tasarim:hover {
        text-decoration: none;
        font-weight: 700 !important;
    }

.footer-iletisim {
    min-height: 80px;
    padding: 30px 0;
    background-color: #f8f9fa;
    font-size: 13px;
}

.footer-iletisim-font {
    font-size: 12px;
    line-height: 32px;
    font-weight: 400;
    text-decoration: none;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    color: #484848;
    text-align: center !important;
}

.copyright {
    background-color: #1f3061;
    color: #fff;
    font-size: 12px;
}



ul.socialIcons {
    padding: 0;
    text-align: center;
}

.socialIcons li {
    list-style: none;
    display: inline-block;
    margin: 4px;
    border-radius: 2em;
    overflow: hidden;
    width: 40%;
    height: 35px;
    background-color: #fff;
}

    .socialIcons li a {
        display: block;
        padding: 0.5em;
        transition: 0.5s;
        text-decoration: auto;
    }

    .socialIcons li i {
        margin-right: 0.5em;
    }

    .socialIcons li:hover a {
        max-width: 200px;
        padding-right: 1em;
    }

.facebook a {
    color: #3b5998;
}

.twitter a {
    color: #00aced;
}

.instagram a {
    color: #cd486b;
}

.pinterest a {
    color: #c92228;
}



/*  Yeni Slider Çalışması */

.mobilApp {
    background-image: url(/assets/images/qrbackground.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 401px;
}

.mobil1 img {
    height: 420px;
    margin-top: -60px;
}

.mobil2 {
    padding-top: 55px;
}

    .mobil2 h3 {
        color: #556fff;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #ffffff 15%, #ffffff 61%);
        font-size: 59px;
        padding-top: 20px;
        font-family: 'Nexa-Font-Bold';
    }

    .mobil2 p {
        font-size: 25px;
        font-weight: 500 !important;
        line-height: 1.5;
        margin-top: 30px;
        color: #fff;
        font-size: 17px;
    }

    .mobil2 img {
        height: 60px;
        margin-top: 50px;
        margin-right: 10px;
    }

.devlet-kurumlar-tasarim {
    background-color: #efeeee;
    padding-bottom: 50px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.sirket-kurumlar-tasarim {
    background-color: #efeeee;
    padding-bottom: 50px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.footer-logo .footer-logo-img img.grayscale {
    opacity: .7;
    transition: all .15s ease-in-out;
}

.griRenkli img.grayscale {

}

.footer-logo img {
    width: 100% !important;
}

.footer-logo {
    margin-top: 34px;
    transition: all .15s ease-in-out;
    display: flex;
    align-items: center;
    background-color: transparent;
}

.griRenkli img.grayscale:hover {
    -webkit-filter: grayscale(0%);
    filter: none;
    opacity: 1;
}

/***************************************************************************************/

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    width: 100%;
    z-index: 0;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden;
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel .owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

    .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both;
    }

    .owl-carousel .owl-animated-in {
        z-index: 0;
    }

    .owl-carousel .owl-animated-out {
        z-index: 1;
    }

    .owl-carousel .fadeOut {
        animation-name: fadeOut;
    }

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height .5s ease-in-out;
}

.haberMainSlider .owl-carousel .owl-stage-outer,
.sirketlerMainSlider .owl-stage-outer {
    padding-bottom: 58px;
}

.haberSliderResim {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    margin: 0px 0 10px -15px;
    width: calc(100% + 30px) !important;
}

.haberMainSlider .owl-carousel .owl-nav,
.sirketlerMainSlider .owl-nav {
    display: block;
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100%;
    color: #11445b !important;
}

.hizliErisimBaslik {
    color: #ddd;
    width: 100%;
    margin-bottom: 20px;
    font-size: 25px;
}

    .hizliErisimBaslik i {
        font-size: 23px;
    }

.hizlimenu-background {
    padding: 20px;
    background-color: transparent;
    margin-bottom: 15px;
}

.hizlimenuRow1 {
    margin-bottom: 1%;
    margin-top: -10px;
}

.hizlimenuRow2 {
    margin-bottom: 1%;
    margin-top: 1%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 10px;
    padding-left: 10px;
}

.haberMainSlider .owl-carousel .owl-nav .owl-prev,
.haberMainSlider .owl-carousel .owl-nav .owl-next,
.sirketlerMainSlider .owl-nav .owl-prev,
.sirketlerMainSlider .owl-nav .owl-next {
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0;
    border: 2px solid #11445b !important;
    border-radius: 50%;
    margin: 0 2px;
}

    .sirketlerMainSlider .owl-nav .owl-prev span,
    .sirketlerMainSlider .owl-nav .owl-next span {
        color: #003650;
    }

.sirketlerMainSlider .owl-nav .owl-prev,
.sirketlerMainSlider .owl-nav .owl-next {
    border: 1px solid #003650 !important;
}


    .haberMainSlider .owl-carousel .owl-nav .owl-prev:hover,
    .haberMainSlider .owl-carousel .owl-nav .owl-next:hover,
    .sirketlerMainSlider .owl-nav .owl-prev:hover,
    .sirketlerMainSlider .owl-nav .owl-next:hover {
        background: #fff;
        color: #e90e65;
    }

    .haberMainSlider .owl-carousel .owl-nav .owl-prev span,
    .haberMainSlider .owl-carousel .owl-nav .owl-next span,
    .sirketlerMainSlider .owl-nav .owl-prev span,
    .sirketlerMainSlider .owl-nav .owl-next span {
        position: relative;
        display: block;
        top: -2px;
    }

.haberMainSlider .owl-carousel .owl-nav button,
.sirketlerMainSlider .owl-nav button {
    outline: none;
}

.sirketlerMainSlider .card,
.haberMainSlider .card {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    height: 380px;
    background: transparent;
    border: 0;
}

    .haberMainSlider .card.active,
    .haberMainSlider .card:hover {
        transform: scale(1.05, 1.1);
        -webkit-transform: scale(1.05, 1.1);
        -ms-transform: scale(1.05, 1.1);
        -moz-transform: scale(1.05, 1.1);
    }

.slogan {
    height: 40px;
    float: left;
}

/***************************************************************************************/
.layouts .widget:not(.slideView) {
    display: grid;
    grid-row-gap: 20px;
}

.layouts .widget {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 6px;
}

.layouts .widget-heading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .layouts .widget-heading h3 {
        font-size: 1.35em;
        color: #000;
    }

.viewAll {
    font-size: .72em;
    color: #999;
    cursor: revert;
    text-decoration: none;
    display: flex;
    justify-content: end;
}

.sided-3 .posts {
    padding: 0px;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
}

.gridView .posts {
    display: inline-grid;
    position: relative;
    overflow: overlay;
    height: 545px;
    width: 100%;
    z-index: 3;
}

    .gridView .posts::-webkit-scrollbar {
        width: 4px;
    }

    .gridView .posts::-webkit-scrollbar-track {
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    }

    .gridView .posts::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
        border-radius: 8px;
    }

.sided-3 .post:not(:last-child) {
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 15px;
}

.sided-3 .post {
    display: flex;
}

.post {
    position: relative;
    margin-bottom: 4px;
}

.sided-3 .postCount {
    opacity: .2;
    font-weight: 700 !important;
    font-size: 1.3em;
    line-height: 1.2;
    margin: 0 15px 0 0;
}

.sided-3 .postTitle {
    font-size: 1em;
    margin-bottom: 10px;
}

.tab-custom {
}

.postTitle a {
    color: #000;
    font-weight: bold;
    display: inline;
    padding-bottom: 0.3em;
    background-repeat: no-repeat;
    background-position: left 85%;
    font-family: 'Nexa-Font-Bold';
    font-size: 15px;
    transition: background 0.3s;
}

.postMeta,
.postMeta * {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.postMeta {
    font-size: .8em;
    color: #999;
    text-transform: uppercase;
}

.hasTE .postTitle a {
    background: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0px 1px;
}

.hasLE .articleBody a:not([class], [title], [style], [imageanchor], [href="#dcap"]),
.hasTE .postTitle a {
    display: inline;
    padding-bottom: 0.3em;
    background-repeat: no-repeat;
    background-position: left 85%;
    transition: background 0.3s;
}

.hasTE .postTitle a {
    background: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0px 1px;
}

.postMeta > span:not(:last-child) {
    margin: 0 5px 0 0;
}

.postMeta,
.postMeta * {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.nav {
    display: block !important;
}

.tab-custom-duyurular {
    border-right: 1px solid #69b6da;
}

.duyuru-title-border {
    margin-top: 2%;
    display: flex !important;
    border-bottom: 1px solid #69b6da !important;
    justify-content: space-evenly;
    list-style: none !important;
    width: 100%;
}

    .duyuru-title-border li {
        text-align: center;
    }


.nav-tabs li {
    position: relative;
}

    .nav-tabs li.separator::before {
        content: "";
        position: absolute;
        top: 50%;
        right: -5px;
        height: 1px;
        width: 10px;
        background-color: #69b6da;
        transform: translateY(-50%);
    }

    .nav-tabs li:not(:last-child):after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        background-color: #69b6da;
    }

    .nav-tabs li:last-child:after {
        display: none;
    }


.duyuru-tab-title {
    color: #066693;
    text-align: center;
    vertical-align: middle;
    padding: 0.375rem 0.75rem;
    font-size: 1.1rem;
    line-height: 2.5;
    border-radius: 0.25rem;
    text-decoration: none;
    font-weight: bold;
}

.row {
    padding-top: 10px;
}

.duyuru-tab-title a {
    color: #066693;
    font-family: 'Nexa-Font-Bold';
}

    .duyuru-tab-title a:hover {
        color: purple;
    }

    .duyuru-tab-title a.active {
        color: purple;
    }

.postImage {
    width: 105%;
    position: relative;
    overflow: hidden;
    vertical-align: baseline;
}

.postCat {
    position: relative;
    font-size: .85em;
    font-weight: 500;
    text-transform: uppercase;
}

    .postCat a {
        background: #0000;
        color: red;
        cursor: revert;
        text-decoration: none;
    }


.photo {
    position: relative;
    display: block;
}

    .photo img {
        object-fit: cover;
        filter: grayscale(0%) contrast(120%);
        box-shadow: 10px 15px 25px 0 rgba(0, 0, 0, .2);
        display: block;
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
        margin-top: -10px;
    }

    .photo:hover img {
        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .1);
    }

    .photo .glow-wrap {
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        margin-top: -10px;
    }

    .photo .glow {
        display: block;
        position: absolute;
        width: 40%;
        height: 200%;
        background: rgba(255, 255, 255, .2);
        top: 0;
        filter: blur(5px);
        transform: rotate(45deg) translate(-450%, 0);
        transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .photo:hover .glow {
        transform: rotate(45deg) translate(450%, 0);
        transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .photo:hover img,
    .photo:hover .glow-wrap {
        margin-top: 0;
    }



$d: 15; // density
$w: 150; // grid size
$s: 3s; // speed

// Generate the snow image using radial gradients
$grad: (
);

@for $i from 0 to $d {
    $v: random(4)+2;
    $a: random(5) * .1+.5;
    $grad: $grad, radial-gradient($v+px $v+px at (random($w - $v * 2) + $v)+px (random($w - $v * 2) + $v)+px, rgba(255, 255, 255, $a) 50%, rgba(0, 0, 0, 0)) !global;
}

// The CSS

.snow,
.snow:before,
.snow:after {
    position: absolute;
    top: -$w + px;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: $grad;
    background-size: $w + px $w + px;
    animation: snow $s linear infinite;
    content: "";
}

.snow:after {
    margin-left: -$w/3 + px;
    opacity: .4;
    animation-duration: $s*2;
    animation-direction: reverse;
    filter: blur(3px);
}

.snow:before {
    animation-duration: $s*3;
    animation-direction: reverse;
    margin-left: -$w/2 + px;
    opacity: .65;
    filter: blur(1.5px);
}

@keyframes snow {
    to {
        transform: translateY($w + px);
    }
}


.page_title {
    font-weight: 300;
    line-height: 120%;
    margin: 20px 0;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .8);
    text-transform: uppercase;
}

.test_box {
    padding: 0;
}

    .test_box .inner {
        background: #fff;
        display: block;
        overflow: hidden;
    }

        .test_box .inner .test_click {
            -webkit-align-content: center;
            -webkit-align-items: center;
            border: 1px solid #000;
            border-radius: 10px;
            color: #003650;
            display: grid;
            height: 180px;
            mix-blend-mode: normal;
            text-align: center;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
            padding: 20px;
            margin: 2px;
        }

            .test_box .inner .test_click:hover {
                background-color: rgba(0, 100, 255, .5);
                mix-blend-mode: hard-light;
            }

.flex_this {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: inherit;
    flex-wrap: inherit;
    height: auto;
    margin: 0;
    padding: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%;
}

.test_box .inner .test_click:hover .flex_this {
    margin-top: -5px;
}



.test_link {
    border: 2px solid #fff;
    display: block;
    position: absolute;
    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: 0.1em;
    bottom: 10%;
    left: 30%;
    padding: 10px 30px;
    text-transform: uppercase;
}

.flex_this img {
    width: 100%;
    height: auto;
}

.baskanmenu {
    width: 800px;
}

#hero video {
    height: 100vh;
    width: 100%;
    z-index: 0;
    object-fit: fill;
    background-size: cover;
}


.belediye-tasarim-frame {
    background-color: #efeeee;
    padding-top: 50px;
    overflow-x: hidden;
    box-sizing: border-box;
    border-top: 1px solid #ccc;
}

.kardelen {
    height: 241px;
    position: absolute;
    bottom: -1px;
    right: 11%;
    background: transparent;
    border: transparent;
    z-index: 1;
}



[class*="slide-"] {
    opacity: 0.0;
    position: absolute;
    transition: opacity linear 0.5s;
}

.to-one:checked ~ .images .slide-one,
.to-two:checked ~ .images .slide-two,
.to-three:checked ~ .images .slide-three {
    opacity: 1.0;
}

.video-button {
    position: absolute;
    z-index: 1;
}

.sosyal-medya-menu {
    font-size: 30px;
}

.res-baskan {
    display: none;
}

.heart {
    position: absolute;
    padding: 120px;
    height: 100%;
    width: 100%;
    animation: pulse 5s infinite;
    z-index: 1;
    background-color: #0a233ab0;
}


    .heart::after {
        content: '';
        height: 90%;
        width: 90%;
    }

    .heart::before {
        content: '';
        height: 100%;
        width: 100%;
    }

@keyframes pulse {
    0% {
        transform: rotate(0deg) scale(0.9);
        opacity: 0.5;
    }

    10% {
        transform: rotate(0deg) scale(1);
    }

    20% {
        transform: rotate(0deg) scale(0.9);
    }

    30% {
        transform: rotate(0deg) scale(1);
    }

    40% {
        transform: rotate(0deg) scale(0.9);
    }

    50% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }

    60% {
        transform: rotate(0deg) scale(0.95);
    }

    70% {
        transform: rotate(0deg) scale(1);
    }

    100% {
        transform: rotate(0deg) scale(1);
        animation-duration: 1000ms;
        opacity: 1;
    }
}

/***************************************************************************************/

/* 2K çözünürlük için media query */
@media screen and (min-width: 2560px) and (min-height: 1440px) {
    .navbarimagelogo {
        display: block;
    }

    .blog_section {
        margin-top: 4%;
    }

    .baskanmenu {
        width: calc((100vh - 27vh) / 1);
    }

    .card-duyuruEtkinlikHaber {
        height: 700px;
        margin: 30px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
        font-size: 17px;
    }

    .navbarimagelogo {
        margin-left: 34px;
        margin-right: 20px;
        margin-top: 20px;
        width: 100px;
        animation: blinker 0.9s linear infinite;
        float: left;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 40px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 16.5px;
    }




    .duyuru-tab-title {
        padding: 0.75rem 0.75rem;
        font-size: 1.0rem;
    }

    .mobilApp {
        height: 460px;
    }


    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        font-size: 25px;
    }

    .navbarimageerzurum {
        margin-top: 55px;
        height: 75%;
        top: 0;
        position: absolute;
        right: 50px;
    }

    .mobil2 h3 {
        color: #556fff;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #ffffff 15%, #ffffff 61%);
        font-size: 59px;
        padding-top: 20px;
    }

    .mobil2 p {
        font-size: 25px;
        font-weight: 500 !important;
        line-height: 1.5;
        margin-top: 30px;
        color: #fff;
        font-size: 20px;
    }

    .mobil2 img {
        height: 77px;
        margin-top: 50px;
        margin-right: 10px;
    }
}
/* Full HD (1080p) çözünürlük için media query */
@media screen and (min-width: 1920px) and (min-height: 1080px) {
    .navbarimagelogo {
        display: block;
    }

    .blog_section {
        margin-top: 4%;
    }

    .baskanmenu {
        width: calc((100vh - 18vh) / 1);
    }

    .card-duyuruEtkinlikHaber {
        height: 700px;
        margin: 30px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
        font-size: 17px;
    }

    .navbarimagelogo {
        margin-left: 34px;
        margin-right: 20px;
        margin-top: 20px;
        width: 80px;
        animation: blinker 0.9s linear infinite;
        float: left;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 42px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 13.5px;
    }


    .duyuru-tab-title {
        padding: 0.75rem 0.75rem;
        font-size: 1.0rem;
    }

    .mobilApp {
        height: 460px;
    }
}

@media screen and (min-width: 1601px) and (max-width: 1919px) {
    .searchText {
        width: 140px !important;
    }

    .text-overlay p {
        font-size: 9px;
    }

    .navbarimagelogo {
        display: block;
    }

    .baskanmenu {
        width: calc((100vh - 19vh) / 1);
    }

    .blog_section {
        margin-top: 4%;
    }

    .card-duyuruEtkinlikHaber {
        height: 700px;
        margin: 30px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
        font-size: 17px;
    }

    .navbarimagelogo {
        margin-right: 20px;
        margin-top: 20px;
        width: 80px;
        animation: blinker 0.9s linear infinite;
        float: left;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 40px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 13.5px;
    }

    .menu ul li a {
        color: #fff !important;
        font-size: 16px;
        font-weight: bold;
    }

    .duyuru-tab-title {
        padding: 0.75rem 0.75rem;
        font-size: 1.0rem;
    }

    .mobilApp {
        height: 450px;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1600px) {

    .havaText {
        font-size: 11px;
    }

    .slogan {
        display: none;
    }

    .text-overlay p {
        font-size: 8px;
    }

    .searchText {
        width: 140px !important;
    }

    .navbarimagelogo {
        display: block;
    }

    .blog_section {
        margin-top: 4%;
    }

    .baskanmenu {
        width: calc((100vh - 18vh) / 1);
    }

    .card-duyuruEtkinlikHaber {
        height: 700px;
        margin: 30px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
        font-size: 17px;
    }

    .navbarimagelogo {
        margin-left: 34px;
        margin-right: 20px;
        margin-top: 20px;
        width: 80px;
        animation: blinker 0.9s linear infinite;
        float: left;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 34px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 11.5px;
    }




    .duyuru-tab-title {
        padding: 0.75rem 0.75rem;
        font-size: 1.0rem;
    }

    .mobilApp {
        height: 450px;
    }

    .kardelen {
        height: 220px;
        bottom: 0px;
        right: 2.85%;
        position: absolute;
        background: transparent;
        border: transparent;
        z-index: 1;
    }

    .menu ul li a {
        color: #fff !important;
        font-size: 16px;
        font-weight: bold;
    }
}
/* Geniş ekranlı bilgisayarlar için ekranlar tamam col-xl   */

@media screen and (min-width: 1200px) and (max-width: 1440px) {

    /* CSS kodları buraya */
    .searchText {
        display: none;
    }

    .text-overlay p {
        font-size: 8px;
    }

    .menu ul li a {
        color: #fff !important;
        font-size: 15px;
        font-weight: bold;
    }

    .havaText {
        font-size: 9px;
    }

    .navbarimagelogo {
        width: 60px !important;
    }

    .menu ul li a {
        color: #fff !important;
        font-size: 12px;
        font-weight: bold;
    }

    .slogan {
        display: none;
    }

    .blog_section {
        margin-top: 4%;
    }

    .baskanmenu {
        width: calc((100vh - 19vh) / 1);
    }

    .card-duyuruEtkinlikHaber {
        height: 700px;
        margin: 30px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
        font-size: 17px;
    }

    .navbarimagelogo {
        margin-left: 34px;
        margin-right: 20px;
        margin-top: 20px;
        width: 80px;
        animation: blinker 0.9s linear infinite;
        float: left;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 34px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 11.5px;
    }



    .duyuru-tab-title {
        padding: 0.75rem 0.75rem;
        font-size: 1.0rem;
    }

    .mobilApp {
        height: 450px;
    }
}
/* Geniş ekranlı bilgisayarlar için ekranlar eksik col-lg*/
@media screen and (min-width: 769px) and (max-width: 1199px) {
    #hero video {
        width: 100%;
        height: auto;
        z-index: 0;
        object-fit: contain;
    }

    .navbar-toggler-label {
        visibility: hidden !important;
    }

    .baskanmenu {
        width: calc((100vh - 41vh) / 1);
    }

    .divbody {
        height: calc((100vh - 40vh));
    }

    .alt-kisim-ayarlama {
        display: none !important;
    }

    .slogan {
        display: none;
    }

    .searchText {
        display: none;
    }

    .navbar-toggler-label {
        visibility: visible;
    }


    .menu ul li a {
        color: #fff !important;
        font-size: 14px;
        font-weight: bold;
    }

        .menu ul li a:hover {
            color: #f8f9facc !important;
        }
}

@media screen and (min-width: 993px) and (max-width: 1199px) {
    .text-overlay p {
        font-size: 7px;
    }

    .baskanmenu {
        width: calc((100vh - 41vh) / 1);
    }

    .postTitle a {
        color: #000;
        display: inline;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
        font-size: 17px;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 34px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 11px;
    }

    .blog_section {
        margin-top: 4%;
    }

    .duyuru-tab-title {
        padding: 0.75rem 0.75rem;
        font-size: 0.8rem;
    }

    .test_box .inner .test_click {
        padding: 2px;
    }

    .mobil2 {
        padding-top: 20px;
    }

        .mobil2 h3 {
            font-size: 44px;
            padding-top: 15px;
        }

    .alt-kisim-ayarlama {
        bottom: 20.7%;
    }

    .kardelen {
        bottom: 0;
    }
}
/* Masaüstü bilgisayarlar için ekranlar tamam col-md  */
@media screen and (min-width: 769px) and (max-width: 992px) {
    .res-baskan {
        display: flex;
        width: 550px;
    }

    .contact100-form-title {
        display: block;
        font-family: Poppins-Bold;
        font-size: 25px !important;
        color: #333;
        line-height: 1.2;
        text-align: center;
        padding-bottom: 44px;
    }

    .dropdown-menu {
        padding: 10px !important;
    }

    .navbar-toggler-label {
        visibility: visible !important;
    }

    .navbar-nav.menu-nav-measure > li {
        margin-right: 10px;
    }


    .dropdown-menu {
        padding: 10px;
        min-width: 200px;
    }

        .dropdown-menu a {
            margin-bottom: 5px; /* Adjust the margin as needed */
        }

    .background-baskan {
        display: none;
    }

    .text-overlay p {
        font-size: 10px;
    }

    .baskanmenu {
        width: 500px;
    }

    .baskan-menu-title {
        font-size: 12px;
    }

    .baskan-menu-icerik {
        font-size: 12px;
    }

    .alt-kisim-ayarlama {
        display: none;
    }

    .divbody {
        height: calc((100vh - 74vh));
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -ms-flex-direction: row;
        padding-left: 0;
    }

    .navbar-master {
        height: 100px;
    }

    .navbarimagelogo {
        width: 45px;
    }

    .card-duyuruEtkinlikHaber {
        height: 700px;
        margin: 15px;
    }

    .duyuru-tab-title {
        padding: 0.75rem 0.75rem;
        font-size: 12px;
    }

    .hizlimenu-background {
        padding: 20px;
        background-color: transparent;
        margin-bottom: 15px;
        margin-top: 266px;
    }

    .postTitle a {
        font-size: 15px;
    }

    .postMeta,
    .postMeta * {
        font-size: 10px;
    }

    .title-haberler-etkinlikler {
        font-size: 15px;
        font-family: 'Nexa-Font-Book';
        font-weight: bold;
    }

    .viewAll {
        font-size: 12px;
    }

    .postCat a {
        font-size: 13px;
    }

    .haberSliderContent h5 {
        font-size: 12px;
    }

    .haberSliderContent span {
        color: #aaa;
        font-size: 9px;
    }

    .haberSliderContent p {
        font-size: 10px;
    }

    .sirketler-frame {
        width: calc(100% / 0.33);
    }

    .mobil1 img {
        height: calc(100vw - 41vw);
    }

    .mobil2 h3 {
        font-size: 36px;
        padding-top: 34px;
    }

    .mobil2 p {
        font-weight: 500 !important;
        line-height: 1.5;
        margin-top: 10px;
        color: #fff;
        font-size: 15px;
    }

    .mobil2 img {
        height: 40px;
        margin-top: 5px;
        margin-right: 3px;
    }

    .mobil2 {
        padding-top: 42px;
    }

    .mobil1 img {
        width: 325px;
        height: auto;
        margin-left: -25%;
    }

    .mobil2 {
        padding-top: 8px;
        padding-left: 22%;
    }

    .event-news-blog {
        width: 100%;
        margin-bottom: 8%;
    }

    .haberSliderContent {
        height: 402px;
    }

    .haberMainSlider .card {
        height: 395px;
    }

    .rklm-buyuk {
        min-height: 100%;
        padding-right: 3% !important;
        padding-left: 3% !important;
    }
}


.res-text-header {
    display: none;
}
/* */
@media screen and (max-width: 768px) {
	.res-text-header{
        display:block;
    }
    .hizlimenu-background {
        padding: 20px;
        background-color: transparent;
        margin-bottom: 15px;
        margin-top: 240px;
    }

    .haberSliderContent p {
        border-top: 1px solid #e5e5e5;
        margin-top: 4px;
        padding-top: 5px;
        font-size: 12px;
        color: #fff;
        float: left;
        width: 100%;
        height: 110px;
        overflow: hidden;
    }

    .haberDetay {
        color: #c5c5c5;
        border: 1px solid #c5c5c5;
        border-radius: 10px;
        padding: 5px;
        font-size: 12px !important;
        position: absolute;
        bottom: 10px;
        left: 20px;
        font-weight: bold;
    }

    .haberSliderContent h5 {
        color: #ffffff;
        font-size: 14px;
        line-height: 20px;
        transition: all 0.3s;
        text-decoration: none;
        font-weight: bold;
    }

    .contact100-form-title {
        display: block;
        font-family: Poppins-Bold;
        font-size: 15px !important;
        color: #333;
        line-height: 1.2;
        text-align: center;
        padding-bottom: 44px;
    }

    .res_link_logo {
        position: absolute;
        right: 3px;
        top: 7px;
        width: 80px;
        height: 80px;
        z-index: 99999;
    }

    .mobilmenu {
        flex-direction: row !important;
    }

    .alt-kisim-ayarlama {
        display: none !important;
    }

    .slogan {
        display: none;
    }

    .navbar-nav {
        padding-left: 15px;
    }

    .res-baskan {
        display: flex;
        width: calc(100% - 2%);
    }

    #hero video {
        width: 100%;
        max-width: 100%;
        height: auto;
        z-index: 0;
        object-fit: cover;
        background-size: cover;
    }

    .baskan-menu-title {
        font-size: 12px;
    }

    .searchText {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        padding: 5px !important;
    }

    .baskan-menu-icerik {
        font-size: 10px;
    }

    .baskanmenu {
        width: calc((100vh - 10vh) / 2) !important;
    }

    .divbody {
        background: url(/assets/images/background.png) no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        width: 100%;
        height: auto;
        max-width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        z-index: -2;
    }

    .navbar-toggler-label {
        visibility: visible;
    }

    .menu ul li a {
        color: #fff !important;
        font-size: 10px;
        font-weight: bold;
        line-height: 1.5;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        flex-wrap: wrap !important;
    }

    .navbar-custom {
        height: initial !important;
        position: relative !important;
        background: #00466f;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 12px;
    }

    .navbarimagelogo {
        margin-right: 0px;
        margin-top: 0px;
        top: 0px;
        right: 12px;
        width: 55px;
        animation: blinker 0.9s linear infinite;
    }


    .navbar-toggler {
        background-color: white !important;
        border: 1px solid black !important;
    }

    .baskanmenu {
        width: calc((100vh - 38vh) / 2);
    }

    .menu ul, .baskanmenu {
    }

    .havaText {
        font-size: 5px;
        line-height: 0.1;
    }

    .degree {
        display: none;
    }

    .navbar-light .navbar-toggler {
        position: absolute;
        right: 1%;
        z-index: 2;
    }

    .navbarimagelogo {
        margin-right: 0px;
        margin-top: 0px;
        position: absolute;
        top: 0px;
        right: 12px;
        width: 55px;
        animation: blinker 0.9s linear infinite;
    }

    .navbarimageerzurum {
        margin-top: 0px;
        height: 50%;
        top: 0;
        position: absolute;
        left: 65px;
    }

    .menu {
        padding-right: 72px !important;
        margin-top: 0px;
    }

        .menu ul {
            float: left;
            z-index: 999999;
            width: 95%;
        }

            .menu ul li {
                padding-right: 10px;
            }

                .menu ul li a {
                    color: #fff !important;
                    font-size: 10px;
                    font-weight: bold;
                    line-height: 1.5;
                }


    .alt-kisim-ayarlama {
        display: none;
    }

    .ustband {
        display: none;
    }

    .reklam-banner {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }



    .duyuru-haber-etkinlik-Row {
        margin-bottom: 4%;
        padding: 0px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
        max-width: 100%;
    }

    .mobil1 img {
        height: 227px;
        margin-top: -60px;
    }

    .mobil2 h3 {
        color: #556fff;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #ffffff 15%, #ffffff 61%);
        font-size: 30px;
        padding-top: 0px;
    }

    .mobil2 p {
        font-weight: 500 !important;
        line-height: 1.2;
        margin-top: 9px;
        color: #fff;
        font-size: 12px;
    }

    .mobil2 img {
        height: 30px;
        margin-top: 6px;
        margin-right: 8px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgb(255 255 255) !important;
    }

    .mobilApp {
        background-image: url(/assets/images/qrbackground.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 401px;
        width: 100% !important;
    }

    .divbody2 {
        background: url(/assets/images/background2.jpg);
        width: 100%;
        max-width: 100%;
        z-index: -2;
    }

    .reklam-image-responsive {
        width: 100%;
        top: 0;
        position: relative;
        z-index: 1;
        justify-self: center;
    }

    .viewAll {
        font-size: 0.72em;
        color: #999;
        cursor: revert;
        text-decoration: none;
        display: flex;
        justify-content: end;
    }

    .duyuru-tab-title {
        color: #066693;
        text-align: center;
        vertical-align: middle;
        padding: 0.75rem 0.75rem;
        font-size: 16px;
        line-height: 1.5;
        border-radius: 0.25rem;
        text-decoration: none;
    }

    .postMeta {
        font-size: 0.7em;
        color: #999;
        text-transform: uppercase;
    }

    .card-duyuruEtkinlikHaber {
        height: 660px;
        margin: 0;
        margin-bottom: 16px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        font-size: 14px;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
    }

    .sided-3 .postTitle {
        font-size: 0.8em;
        margin-bottom: 10px;
    }

    .event-news-blog {
        width: 100%;
        margin: 30px;
    }

    .sirket-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .belediye-tasarim-frame {
        background-color: #efeeee;
        padding-top: 50px;
        overflow-x: hidden;
        box-sizing: border-box;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .devlet-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .footer-tasarim {
        background-color: #efeeee;
        width: 100%;
        max-width: 100%;
    }

    .haberSliderContent {
        background-color: rgb(17 68 91) !important;
        box-shadow: 0 0 11px 0 rgb(6 22 58 / 14%) !important;
        position: relative;
        border-radius: 15px;
        overflow: hidden;
        height: 415px;
        margin-top: 8px;
    }

    .haberMainSlider .card {
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        height: 450px;
        background: transparent;
        border: 0;
    }
}

/* */
@media screen and (min-width: 577px) and (max-width: 768px) {
    .sosyal-medya-menu {
        font-size: 15px;
    }

    .baskan-menu-title {
        font-weight: bold;
        font-size: 18px;
    }

    .baskan-menu-icerik {
        font-size: 13px;
        font-weight: bold;
    }

    .nav-list-font {
        font-size: 9px;
    }

    .hizlimenu-background {
        padding: 20px;
        width: 100%;
        margin-top: 400px !important;
    }

    .hizlimenuRow2 {
        margin-top: 8%;
        width: 100%;
        max-width: 100%;
    }

    .reklam-banner {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 45px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 12px;
    }

    .duyuru-haber-etkinlik-Row {
        margin-bottom: 4%;
        padding: 0px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
        max-width: 100%;
    }

    .mobil1 img {
        height: 227px;
        margin-top: -60px;
    }

    .mobil2 h3 {
        color: #556fff;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #ffffff 15%, #ffffff 61%);
        font-size: 30px;
        padding-top: 0px;
    }

    .mobil2 p {
        font-weight: 500 !important;
        line-height: 1.4;
        margin-top: 9px;
        color: #fff;
        font-size: 14px;
    }

    .mobil2 img {
        height: 36px;
        margin-top: 6px;
        margin-right: 5px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgb(255 255 255) !important;
    }

    .mobilApp {
        background-image: url(/assets/images/qrbackground.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 350px;
        width: 100% !important;
    }

    .divbody2 {
        background: url(/assets/images/background2.jpg);
        width: 100%;
        max-width: 100%;
        z-index: -2;
    }



    .haberMainSlider {
        margin-bottom: 10px;
    }

    .reklam-image-responsive {
        width: 100%;
        top: 0;
        position: relative;
        z-index: 1;
        justify-self: center;
    }

    .viewAll {
        font-size: 0.72em;
        color: #999;
        cursor: revert;
        text-decoration: none;
        display: flex;
        justify-content: end;
    }

    .duyuru-tab-title {
        color: #066693;
        text-align: center;
        vertical-align: middle;
        padding: 0.75rem 0.75rem;
        font-size: 16px;
        line-height: 1.5;
        border-radius: 0.25rem;
        text-decoration: none;
    }

    .postMeta {
        font-size: 0.7em;
        color: #999;
        text-transform: uppercase;
    }

    .card-duyuruEtkinlikHaber {
        height: 660px;
        margin: 0;
        margin-bottom: 16px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        font-size: 14px;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
    }

    .sided-3 .postTitle {
        font-size: 0.8em;
        margin-bottom: 10px;
    }

    .event-news-blog {
        width: 100%;
        margin: 30px;
    }

    .sirket-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .belediye-tasarim-frame {
        background-color: #efeeee;
        padding-top: 50px;
        overflow-x: hidden;
        box-sizing: border-box;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .devlet-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .footer-tasarim {
        background-color: #efeeee;
        width: 100%;
        max-width: 100%;
    }
}
/* Daha büyük akıllı telefonlar ve diğer mobil cihazlar için ekranlar tamam   */
@media screen and (min-width: 321px) and (max-width: 480px) {
    .ustband {
        display: none;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 30px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 10px;
    }

    .reklam-banner {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .duyuru-haber-etkinlik-Row {
        margin-bottom: 4%;
        padding: 0px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
        max-width: 100%;
    }

    .mobil1 img {
        height: 227px;
        margin-top: -60px;
    }

    .mobil2 h3 {
        color: #556fff;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #ffffff 15%, #ffffff 61%);
        font-size: 30px;
        padding-top: 0px;
    }

    .mobil2 p {
        font-weight: 500 !important;
        line-height: 1.2;
        margin-top: 9px;
        color: #fff;
        font-size: 12px;
    }

    .mobil2 img {
        height: 30px;
        margin-top: 6px;
        margin-right: 8px;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgb(255 255 255) !important;
    }

    .mobilApp {
        background-image: url(/assets/images/qrbackground.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 401px;
        width: 100% !important;
    }

    .divbody2 {
        background: url(/assets/images/background2.jpg);
        width: 100%;
        max-width: 100%;
        z-index: -2;
    }


    .haberMainSlider {
        margin-bottom: 10px;
    }

    .reklam-image-responsive {
        width: 100%;
        top: 0;
        position: relative;
        z-index: 1;
        justify-self: center;
    }

    .viewAll {
        font-size: 0.72em;
        color: #999;
        cursor: revert;
        text-decoration: none;
        display: flex;
        justify-content: end;
    }

    .duyuru-tab-title {
        color: #066693;
        text-align: center;
        vertical-align: middle;
        padding: 0.75rem 0.75rem;
        font-size: 16px;
        line-height: 1.5;
        border-radius: 0.25rem;
        text-decoration: none;
    }

    .postMeta {
        font-size: 0.7em;
        color: #999;
        text-transform: uppercase;
    }

    .card-duyuruEtkinlikHaber {
        height: 660px;
        margin: 0;
        margin-bottom: 16px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        overflow: overlay;
    }

    .postTitle a {
        color: #000;
        display: inline;
        font-size: 14px;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
    }

    .sided-3 .postTitle {
        font-size: 0.8em;
        margin-bottom: 10px;
    }

    .event-news-blog {
        width: 100%;
        margin: 30px;
    }

    .sirket-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .belediye-tasarim-frame {
        background-color: #efeeee;
        padding-top: 50px;
        overflow-x: hidden;
        box-sizing: border-box;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .devlet-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .footer-tasarim {
        background-color: #efeeee;
        width: 100%;
        max-width: 100%;
    }
}
/* Akıllı telefonlar ve diğer mobil cihazlar için küçük ekranlar responsive tamamdır*/
@media screen and (max-width: 320px) {
    .ustband {
        display: none;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 30px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 10px;
    }

    .reklam-banner {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .duyuru-haber-etkinlik-Row {
        margin-bottom: 4%;
        padding: 0px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
        max-width: 100%;
    }

    .mobil1 img {
        height: 227px;
        margin-top: -60px;
    }

    .mobil2 h3 {
        color: #556fff;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-image: linear-gradient(90deg, #ffffff 15%, #ffffff 61%);
        font-size: 18px;
        padding-top: 0px;
    }

    .mobil2 p {
        font-weight: 500 !important;
        line-height: 1.2;
        margin-top: 9px;
        color: #fff;
        font-size: 10px;
    }

    .mobil2 img {
        height: 30px;
        margin-top: 43px;
        margin-right: 8px;
    }

    .mobilApp {
        background-image: url(/assets/images/qrbackground.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 401px;
        width: 100% !important;
    }

    .divbody2 {
        background: url(/assets/images/background2.jpg);
        width: 100%;
        max-width: 100%;
        z-index: -2;
    }




    .reklam-image-responsive {
        width: 100%;
        top: 0;
        position: relative;
        z-index: 1;
        justify-self: center;
    }

    .viewAll {
        font-size: 0.62em;
        color: #999;
        cursor: revert;
        text-decoration: none;
        display: flex;
        justify-content: end;
    }

    .duyuru-tab-title {
        color: #066693;
        text-align: center;
        vertical-align: middle;
        padding: 0.75rem 0.75rem;
        font-size: 9px;
        line-height: 1.5;
        border-radius: 0.25rem;
        text-decoration: none;
    }

    .postMeta {
        font-size: 0.5em;
        color: #999;
        text-transform: uppercase;
    }

    .postTitle a {
        color: #000;
        display: inline;
        font-size: 11px;
        padding-bottom: 0.3em;
        background-repeat: no-repeat;
        background-position: left 85%;
        transition: background 0.3s;
    }

    .sided-3 .postTitle {
        font-size: 0.8em;
        margin-bottom: 10px;
    }

    .event-news-blog {
        width: 88%;
    }

    .sirket-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .belediye-tasarim-frame {
        background-color: #efeeee;
        padding-top: 50px;
        overflow-x: hidden;
        box-sizing: border-box;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .devlet-kurumlar-tasarim {
        background-color: #efeeee;
        padding-bottom: 50px;
        padding-top: 20px;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        width: 100%;
        max-width: 100%;
    }

    .footer-tasarim {
        background-color: #efeeee;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .avatar.avatar-lg {
        width: 7.5rem;
        height: 7.5rem;
    }

    .hizliMenu i {
        margin-top: 10px;
        font-size: 40px;
        font-weight: 400 !important;
    }

    .hizliMenu span {
        margin-top: 3px;
        font-size: 14px;
    }
    .canliyayin {
        position: absolute;
        right: -2vh;
        width: 8%;
        top: 27vh;
        background: #f81c1cd1;
        border-radius: 10px;
    }

        .canliyayin i {
            color: white;
            font-size: 30px;
        }

}

@media (max-aspect-ratio: 16/9) {
    .hero {
        width: auto;
        height: 100% !important;
    }
}

@media (min-aspect-ratio: 16/9) {
    .hero {
        width: 100% !important;
        height: auto;
    }
}


/* Tabletler ve diğer orta boyutlu ekranlı cihazlar için ekranlar tamam col-sm   */