/*
web design + front end : volkan saglik
backend : abdurrahman cetin
*/

@media (max-width: 767.98px) {
    #footer {
        background: #525252;
    }

    #footer:before {
        content: none
    }

    #footer:after {
        content: none
    }

    .sayacicon {
        bottom: 5px
    }

    .sayacicon img {
        width: 75%
    }

    .oneritext span {
        font-size: 20px
    }

    .oneribg {
        display: none
    }

    #anacarosel {
        margin-top: 15px
    }

    #footer {
        margin-top: 50px
    }

    ul.footer-social {
        margin-top: 15px !important
    }

    #info {
        padding: 30px 0
    }

    #comutv {
        padding-bottom: 0
    }

    .comutvitem {
        margin-bottom: 30px
    }

    .anatumtv {
        margin-top: 8px
    }

    .anatumtv a {
        font-size: 12px
    }

    .tvbaslik h2 {
        font-size: 25px
    }

    .sayac {
        margin-top: 20px
    }

    .footer-link {
        margin-top: 20px
    }

    .footer-butonlar {
        margin: 20px 0
    }

    .anaduyuru .nav-pills .nav-link,
    .ana2haber .nav-pills .nav-link {
        font-size: 12.5px
    }

    .ana2haber .nav-item:first-child .nav-link {
        font-size: 11.5px
    }

    .iletisimRehber .comutable tr {
        font-size: 0.8rem
    }

    #oneri {
        height: 200px
    }

    .hizlilinkitem span {
        display: block !important
    }

    #hizlilink {
        padding: 15px 0 0
    }

    .hizlilinkitem {
        height: auto !important;
        padding: 15px 0
    }

    .hizlilinkitem p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .hizlilinkitem span {
        margin-top: -15px
    }

    .hizlilinkitem i {
        margin-bottom: 0;
        display: none
    }

    .hizlilinkitem p {
        width: 86%
    }

    .box {
        padding: 0.25em
    }

    .etkinlik-thumb {
        flex-direction: column;
        align-items: center;
        margin-bottom: 0
    }

    .etkinlik-body {
        width: 100%
    }

    .etkinlikinfo p {
        flex-direction: row;
        width: 100%;
        justify-content: flex-start
    }

    .etkinlikinfo strong {
        padding-right: .5em
    }

    .etkinlikimg {
        margin-bottom: 1.5em;
        margin-top: 1em;
    }

    #singleContent .etkinlikimg {
        height: unset;
    }

    .etkinliktakvim {
        display: none
    }

    .etkinliktitle {
        text-align: center;
        color: #a81115
    }

    .etkinlikinfo .etkinlikyeri {
        flex-direction: column
    }

    .topluluk-haberleri a.toplulukButon {
        width: 100%;
        text-align: center
    }

    .topluluk-date-views {
        display: flex;
        justify-content: space-between
    }

    .topluluk-date-views span {
        font-size: 13px;
        margin-right: 0
    }

    .haberbaslik h2 {
        font-size: 19px
    }

    .topluluk-haber-info a.toplulukButon {
        position: relative;
        width: 100%;
        text-align: center
    }

    .anatumhaber {
        z-index: 998
    }

    .tumEtkinlikButton {
        display: none
    }

    .mobiltumEtkinlikButton {
        display: block;
        border: 1px solid #eee;
        background: #f8f8f8;
        text-align: center;
        width: 90%;
        margin-left: 5%;
        margin-top: 15px;
        padding: 0
    }

    .mobiltumEtkinlikButton a {
        padding: 10px;
        display: block;
        color: #111;
        font-size: 15px;
        font-weight: 500
    }

    .comugallery-img img {
        width: 100%;
        height: 100%
    }

    .gazete-list-item {
        margin-top: 15px
    }

    .pagination .page-item {
        display: none;
    }

    .pagination .page-item:first-child {
        display: block;
    }

    .pagination .page-item:last-child {
        display: block;
    }

    .page-title {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        padding: 20px 0px;
    }

    .page-title h1 {
        font-size: 1.5rem;
    }

    .wsmenu .wsmenu-list > li.rightmenu {
        display: block;
    }

    #sosyalaglar {
        display: none;
    }

    .full-banner .bg,
    .full-banner {
        height: auto;
    }

    #aday-ogrenci .title h1,
    #kampuste-yasam .title h1 {
        font-size: 2.6rem;

    }

    #iletisimBilgileri .border-start {
        border-left: 0px !important;
    }

    .yayinlar .text {
        width: 100%;
    }

    .yayinlar .button-3 {
        line-height: 1.5;
        display: block;
        width: 100%;
        text-overflow: unset;
        overflow: unset;
        white-space: unset;
    }

    .yayinlar .button-3 .button__icon-wrapper {
        margin-bottom: 10px;
        display: none;
    }

    .yayin-dergiler:after {
        background: #be3a3eeb;
    }

    .yayin-gazeteler:after {
        background: #313067eb;
    }

    .genel-sekreterlik .page-title-container {
        height: 250px !important;
    }

    .genel-sekreterlik .page-title {
        padding: 45px 0px !important;
    }

    .genel-sekreterlik .yonetimProfil {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}


@media (max-width: 1200px) {
    .content {
        padding-top: 100px
    }

    .anaduyuru,
    .ana2haber,
    .ana1haber {
        margin-bottom: 100px
    }

    .sayac {
        margin-top: 0
    }

    #oneri {
        height: auto;
        padding: 0
    }

    #rimerDestek {
        justify-content: center;
        margin-bottom: 40px
    }

    #rimer {
        margin: 2em 0
    }

    .oneritext span {
        font-size: 19px
    }

    .oneritext p {
        font-size: 23px;
        text-align: center
    }

    .single-post-views {
        display: none
    }

    .single-album img {
        height: auto
    }

    .galeri-grid .item {
        width: 100%;
    }

    .single-footer {
        margin-bottom: 40px
    }

    .button-cnt,
    .overlay {
        width: 100%
    }

    .mobil-single-title {
        display: block;
        background: #f5f5f5;
        padding: 10px
    }

    .mobil-single-title h1 {
        font-size: 1rem;
        color: #000
    }

    #altsayfaheader {
        display: none
    }

    #alt-content {
        padding-top: 0px
    }

    #ust.altsayfa {
        margin-top: 80px;
    }

    .site-wrapper-reveal {
        padding-top: 0px
    }

    .single-post-img {
        margin-top: 10px
    }

    .topluluk-haber-info .btn-comu1 {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 15px;
        width: 100%
    }

    .topluluk-haber-img {
        margin-bottom: 15px
    }

    .topluluk-haber-img img {
        max-height: none
    }

    .iletisimButonlar a {
        margin-bottom: 15px
    }

    .yonetimProfil1 {
        margin: 0
    }

    .comutvitem p {
        font-size: 0.9rem
    }

    .footer-btn {
        margin-top: 15px
    }

    .sidebar-menu ul li a {
        font-size: 0.8rem
    }

    .sidebar-menu .btn-sidebar-menu {
        font-size: 0.8rem
    }

    .table-gizle-md {
        display: none
    }

    .rektor-card tr td {
        font-size: 0.8rem
    }

    .comutvitem p {
        font-size: 0.8rem;
        height: 85px
    }

    #gorevDagilimlari tr ol li {
        font-size: 0.8rem
    }

    #oneri:after {
        content: unset
    }

    #rimer p {
        display: none
    }

    #footer {
        margin-top: -55px
    }

    #comuDestek {
        border-top: 5px solid #fbfbfb;
        padding-top: 15px
    }

    #comuDestek h2 {
        text-align: center;
        margin-right: 0
    }

    #headerbar ul li:nth-child(1),
    #headerbar ul li:nth-child(4),
    #headerbar ul li:nth-child(5) {
        display: none
    }

    #headerbar span.comu-Title {
        font-size: 12px
    }

    .hizlilinkitem span {
        display: none
    }

    #headerbar ul .dropdown ul li {
        display: block !important
    }

    .altsayfatitle {
        height: auto;
        padding: 10px
    }

    .activity-current {
        margin: 0 1rem
    }

    #activityDesc .item a span {
        display: none
    }

    #activityDesc .item h3 {
        font-size: 16px
    }

    .activity-container .month {
        margin-bottom: 10px
    }

    .alt-logo {
        padding-bottom: 80px;
        border-bottom: 3px solid #ffffff1c;
        margin-bottom: 30px;
    }

    .widget-menu {
        display: none
    }


    #ust-hizlierisim,
    #ust-hepbirlikte,
    #ust-mesaj,
    [data-vbg] {
        display: none;
    }

    .etkinlik-listesi .duyuru-tarih span:not(.yil) {
        margin-left: 0px;
    }

    .etkinlik-listesi .duyuru-metin .yil {
        margin-left: -53px;
        padding-bottom: 1px;
        top: 0;
    }

    .cookiealert {
        z-index: 1000;
    }

    .cookiealert p {
        text-align: center;
        margin: 0 auto;
        width: 95%;
    }


}

@media (max-width: 575.98px) {
    #rimerDestek {
        margin-bottom: 1em
    }

    #rimerHeader {
        flex-wrap: wrap;
        justify-content: center
    }

    #rimerHeader h2 {
        font-size: 1.5em;
        width: 100%;
        text-align: center;
        margin: 15px 0 0 0;
        padding: 10px;
        border: none
    }

    #comuDestek {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center
    }

    #comuDestek p {
        text-align: center
    }

    #footer {
        margin-top: 0;
        padding-top: 60px
    }

    .comutvitem p {
        font-size: .9rem;
        height: auto
    }

    .hizierisim-modal .modal {
        z-index: 10003
    }

    .hizierisim-modal .modal-body {
        padding: 15px 2rem 0
    }

    .hizierisim-modal .btn-danger {
        width: 100%
    }

    .content .owl-theme .owl-nav {
        left: auto;
        right: 140px;
        top: -60px
    }

    span.activity-title {
        font-size: 15px;
        display: block;
        margin-top: 13px
    }

    .content {
        padding-top: 25px
    }

    .content .haberBilimselArastirma .owl-nav {
        right: inherit;
        top: -50px;
        left: 8px;
    }

    .content .kurslarimizSlider .owl-nav {
        top: -50px;
    }

    .haberBilimselArastirma {
        padding-right: 0px;
    }

    #participantTable.table > :not(caption) > * > * {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    #participantTable.table thead {
        display: none !important;
    }

    .haber {
        margin-left: 0;
        margin-right: 0;
    }

    .duyuru-tarih {
        width: 102px;
    }

    .duyuru-metin a {
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        height: auto;
        width: 100%;
        max-height: 70px;
        overflow: hidden !important;
        margin-top: -6px;
    }

    .etkinlik-listesi .duyuru-metin .yil {
        display: none
    }

    .comutvitem {
        padding-bottom: 0px;
    }

}

@media only screen and (min-width: 1200px) {
    .altsayfatitle h1 {
        overflow: hidden;
        padding-left: 15px;
    }

    .mobil-single-title {
        display: none
    }

    .listelemeBorder {
        border-right: 1px solid #eee
    }

    .listelemeBorder:last-child {
        border: none !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }
}


@media (min-width: 768px) and (max-width: 1200px) {
    .comutvitem i {
        top: 20%
    }

    .sayacrakamlar {
        margin-right: 10px
    }

    .sayacrakamlar p {
        font-size: 20px
    }

    .sayacrakamlar span {
        font-size: 13px;
        text-align: right
    }

    .sayacicon img {
        width: 85%
    }

    .headerinfo ul li a {
        margin-left: 10px;
        font-size: 12px
    }

    .headerinfo ul li {
        padding-right: 1rem
    }

    .anahaberler img {
        height: 200px
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .content .owl-theme .owl-nav {
        right: 0
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    .anahaberler img {
        height: 175px
    }

    .comutvitem i {
        top: 31%
    }

    .sayacicon img {
        width: 80%
    }

    .infotext {
        display: none
    }

    .sayacrakamlar span {
        font-size: 15px;
        text-align: right
    }

    .sayacrakamlar p {
        font-size: 26px
    }

    #ana-rektorluk ul li {
        padding: 15px 15px 25px
    }

    #ana-rektorluk ul li p a {
        font-size: 12px
    }

    .sayac {
        margin-top: 40px
    }

    .hizlilinkitem p {
        font-size: 12px
    }

    .oneritext p {
        font-size: 30px
    }

    .oneritext span {
        font-size: 20px
    }

    .headerinfo ul li {
        padding: 0 1rem !important
    }

    .headerinfo ul li a {
        font-size: 12.5px
    }

    .headersocial ul li a {
        font-size: 1.2rem
    }

    .altsayfatitle h1 {
        font-size: 1.1rem
    }

    .next-prev li a {
        font-size: 12.5px
    }

    .next-prev li:nth-child(2) {
        width: 46%
    }

    .similar-title p {
        font-size: 13px;
        font-weight: 400
    }

    .single-album img {
        height: 160px
    }

    .topluluk-detay p {
        max-height: 45px
    }

    .topluluk-haber-info .btn-comu1 {
        position: relative;
        bottom: auto;
        right: auto;
        float: right;
        margin-top: 15px
    }

    .wsmenu > .wsmenu-list {
        height: 30px
    }

    #rimerDestek {
        margin-bottom: 0
    }

    #oneri:after {
        width: 53%
    }

    #oneri {
        padding: 2em 0 0 0;
        height: 220px
    }

    #anacarosel {
        margin-top: 1rem
    }

    #rimerHeader h2 {
        font-size: 1.6em
    }

    #rimer img {
        width: 150px
    }

    #comuDestek {
        align-self: auto
    }

    .hizlilinkitem {
        height: 60px
    }

    .anaetkinlikbaslik p:last-child {
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #D2171D !important;
        font-size: 13px
    }

    .widget-menu {
        display: none
    }


}


@media (min-width: 992px) and (max-width: 1399.98px) {
    .headerinfo ul li {
        padding-right: 2rem
    }

    .anahaberinfo ul li span.anahaberokunma,
    .anahaberinfo ul li a {
        font-size: 12px
    }
}


@media (min-width: 1200px) and (max-width: 1399.98px) {
    .infotext p {
        font-size: 16px;
        line-height: 1.8
    }

    .sayac {
        margin-top: 20px
    }

    .infobosluk {
        margin-top: 40px
    }

    .footer-btn {
        padding: 15px !important
    }

    ul.footer-social {
        padding: 12px 15px !important
    }

    #comuDestek h2 {
        margin-right: 15px;
        font-size: 20px
    }

    #comuDestek h2 strong {
        font-size: 23px
    }

    #comuDestek p {
        margin: 10px 15px 0 0;
        font-size: 11.5px
    }

    #oneri:after {
        width: 54%
    }

    #rimerHeader h2 {
        font-size: 1.6em
    }


}

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

    #ust-menu:not(.wsfixed) .logo-container:hover #main-logo {
        margin-left: 0px !important;
    }

    #ust-menu:not(.wsfixed) .logo-container:hover .logo-r {
        opacity: 1 !important;
    }

    #ust-menu .logo-l {
        background: #ff0000a1 !important;
    }

    #ust-menu.wsfixed .logo-l {
        background: #a81115 !important;
    }
}

@media only screen and (max-width: 1600px) {
    .blurSlider {
        display: none
    }
}


@media only screen and (max-width: 1200px) {
    #comumenu {
        height: 0;
        visibility: hidden
    }

    .wsmobileheader {
        visibility: initial
    }

    .mobillogo {
        height: 40px;
    }

    #headerbar {
        margin-top: 54px
    }

    .wsmenu ul.sub-menu > li.acilir:before {
        content: none
    }

    .table-gizle-lg {
        display: none
    }

    #rimerDestek:before {
        content: none
    }

    #comuDestek img {
        display: none
    }

    .comulogo-xl {
        display: none
    }

    .wsmenu > .wsmenu-list > li > ul.sub-menu {
        background: #213865
    }

    .hizlilinkitem {
        height: 80px;
        margin-bottom: 15px
    }

    .hizlilinkitem i {
        margin-bottom: 5px
    }

    .hizierisim-modal .hizlilinkitem span {
        display: block !important
    }

    .activity-table-scroll {
        overflow-x: scroll
    }

    .haberAna {
        margin-bottom: 0px;
        padding-bottom: 15px;
    }

    .ucluicerik {
        padding-bottom: 0px !important;
        margin-bottom: -10px !important;
    }

    .content .owl-carousel .owl-stage-outer {
        padding-bottom: 10px;
    }

    #banner2 {
        margin-top: 15px;
    }

    #comutv {
        margin-top: 0;
        padding-top: 30px;
    }

    #aday-ogrenci .section,
    #kampuste-yasam .section {
        padding: 30px;
    }

    #kampuste-yasam #kutuphane:after,
    #kampuste-yasam #kutuphane:before {
        height: 100%;
    }

    #kampuste-yasam .section h3 {
        font-size: 2rem;
    }

    #kampuste-yasam #slideshow {
        display: none;
    }

    #kampuste-yasam .count {
        font-size: 3rem;
    }

    #aday-ogrenci .title,
    #kampuste-yasam .title {
        border-top: 1px solid #efefef;
        position: relative !important;
        background-color: transparent !important;
        padding: 35px !important;
        top: 0px !important;
        left: 0px !important;
        width: auto !important;
        height: auto !important;
    }

    [data-aos=zoom-in],
    [data-aos=fade-up],
    [data-aos=fade-down],
    [data-aos=fade-left],
    [data-aos=fade-right],
    [data-aos^=fade][data-aos^=fade] {
        opacity: 1 !important;
        transform: none !important;
    }

    #mainSlide {
        display: none;
    }


    #aday-ogrenci #stats a {
        padding: 0px 10px
    }

    #ust.half-mode .frame-bg {
        display: none;
    }

    #ust-hepbirlikte {
        display: none;
    }


    #banner1 {
        display: none;
        overflow: hidden;
    }

    #banner2 {
        margin-bottom: 20px;
        overflow: hidden;
    }

    #banner2 .left-title {
        padding-top: 30px;
        width: 100%;
    }

    #banner2 .bg-right {
        display: none;
    }

    #banner2 .sub-budget {
        width: 102%;
    }

    #uluslararasiogrenciler {
        height: auto;
    }

    #uluslararasiogrenciler .testimonial {
        height: 540px;
    }

}

@media only screen and (max-width: 1365.98px) {
    #calMonths {
        justify-content: space-between;
        margin-bottom: 2em
    }

    .col.month {
        margin-bottom: 2rem;
        flex-grow: 0
    }

    #calMonths span {
        width: 90px;
        display: block
    }

    .rektor-img {
        display: block;
    }

    #aday-ogrenci .rektor-imza {
        margin-left: 7.5rem;
    }
}

@media only screen and (max-width: 1199.98px) {
    .rektorMesaj-container {
        width: 100%;
        align-items: center !important;
    }

    .slogan {
        font-size: 2rem;
        z-index: 99;
        color: #000;
        position: relative;
        line-height: 3.5rem;
        width: 70%;
        text-align: center;
        margin-left: 0px;
    }

    .slogan:after,
    .slogan:before {
        font-size: 96px;
        display: none;
    }

    .slogan:before {
        top: 10px;
        left: -60px;
    }

    .rektor-img {
        display: none;
    }

    #aday-ogrenci .rektor-imza {
        margin-left: 0px;
        position: relative;
        z-index: 99;
    }

    .rektorMesaj-container {
        padding-top: 70px;
    }

    .notification-center {
        right: -110%;
        top: 80px;
        background-color: #fff !important;
        z-index: 9999;
        height: 100%;
        transition: all 0.4s;
        display: block !important;
        max-width: 100vw;
        min-width: 100%;
    }

    .notification-center.show {
        right: 0%;
    }

    .notification-center .notification-center-content {
        height: auto;
        max-height: calc(100vh - 150px);
    }

    .notification-list .notification-list_detail p {
        font-size: 16px;
    }

    .notification-list .notification-list_detail p small {
        font-size: 14px;
    }

    .notification-center .notification-center-header {
        border-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .notification-center .notification-center-header > div {
        font-size: 21px !important;
        font-weight: bold !important;
    }

    .notification-list {
        padding: 20px 10px;
        border-bottom: 0;
        background: #f5f5f5;
        border-radius: 10px;
        margin: 0px 10px 15px 10px;
    }

    .notification-btn svg {
        stroke-width: 1.5;
    }

    .notification-amount {
        top: 31%;
        right: 11%;
        line-height: 14px;
    }

    .wsfixed .notification-list .notification-list_img span i {
        color: inherit !important;
    }
}

@media only screen and (max-width: 578px) {
    .slogan {
        width: 83%;

    }
}

@media (min-width: 1200px) {
    .comulogo-xl {
        position: absolute;
        z-index: 9999;
        top: -36px;
        left: -10px
    }

    .comulogo-xl img {
        width: 130px;
        height: 100%
    }

    .xl-visible {
        visibility: hidden;
        display: none !important;
    }

    .wsmenu > .wsmenu-list > li > a {
        font-size: 15px;
        padding: 3px 10px;
    }

    .wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch {
        width: 200px;
        margin: 0 0 0 -60px
    }

    .wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus {
        width: 220px
    }

    .wsmenu > .wsmenu-list > li > a .wsarrow:after {
        right: 8px;
        margin: 0 0 0 0px
    }

    .wsmainwp.wsfixed .wsmenu > .wsmenu-list > li > a .wsarrow:after {
        right: 15px
    }

    #headerbar ul li {
        padding: 0 8px
    }

    .wsfixed .comulogo-xl {
        top: 0px;
        left: 20px
    }

    .wsfixed .comulogo-xl img {
        width: 100px;
        margin-top: 15px
    }

    .headersocial {
        border-left: 2px solid #e5e5e5
    }

}

@media (min-width: 1400px) and (max-width: 1899.98px) {
    #rimerDestek:before {
        left: 49%
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    list > li.rightmenu > .topmenusearch {
        width: 160px;
        margin: 0 0 0 -40px
    }

    .wsmenu > .wsmenu-list > li > a {
        font-size: 13px;
        padding: 1px 8px
    }

    .wsmenu > .wsmenu-list > li > a .wsarrow:after {
        margin: 4px 0 0 0px
    }

    .wsmenu > .wsmenu-list > li.rightmenu > .topmenusearch input:focus {
        width: 180px
    }

    .headerinfo ul li {
        padding: 0 1rem
    }

    .headerinfo ul li a {
        font-size: 12.5px
    }

    .wsfixed .comulogo-xl {
        left: 45px
    }
}