@media (max-width: 575.98px) {
    .search-wrapper.active .input-holder{width:285px!important}
    .event-day{width:4px;height:4px}
    .event-day:nth-child(n + 2){margin-left:2px}
}

@media (min-width: 576px) and (max-width:  767.98px) {
    .event-day{width:5px;height:5px}
    .event-day:nth-child(n + 2){margin-left:3px}
}

@media (max-width: 767.98px) {
    .mobilevent-galerry{display:flex}
    .itemsContent{height:auto}
    .items-headDate p span.date-gunText{font-size:12px}
    .items-headDate p span.date-ayYil{font-size:11px}
    .items-headDate span.date-gun{font-size:28px;font-weight:500}
    .items-headDate{width:100%;justify-content:space-evenly}
    .itemsHead{padding:15px 10px;border-bottom:unset;width:35%}
    .itemsContent{border-left:1px solid #eee;border-bottom:unset;display:flex;align-items:center;padding:0 10px;height:80px;width:65%}
    .eventItems{display:flex;border-bottom:unset;margin-bottom:5px}
    .itemsContent a.itemTitle{font-size:12px;line-height:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
    .search-wrapper .input-holder .search-input{padding:0 100px 0 10px}
    .search-wrapper.active .input-holder .search-icon{margin-right:45px}
    .search-wrapper .close{background:var(--gradiwntRight);right:8px}
    .search-wrapper .close i{color:var(--whiteColor)}
    .search-wrapper.active .close{right:8px}
    .modal-list tbody ul{width:100%}
    .modal-list tbody ul li{width:23%}
    .modal-list tbody ul li:last-child{border:unset}
    #takvimProg-Modal .modal-detay h2{line-height:26px}
    .searchItem{margin-bottom:5px}
    .searchEvent{margin-bottom:0}
    #content{margin:0;background:var(--whiteColor);border-bottom:2px solid #d0ebe7}
    #head{height:100px}
    .headBg{display:none}
    #events{margin-top:0;padding:25px 0 0}
    .takvimHome{padding:0 0 1rem;display:none;transition: unset}
    #mobilAkademik{padding:20px 0}
    .date-head{height:50px}
    .date-head span#currentMonthYear,.date-head button i{font-size:18px}
    #calendar td{height:50px}
    .mobil-afis-btn{
        margin: 4px 18px;
        padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)* .5);
    }
}

@media (min-width: 768px) {
    .itemsFooter{display:flex!important;}
}

@media (max-width: 991.98px) {
    .modal .kapat-Btn{height:40px;width:100%;margin:4px 18px}
    .takvimHome{height:auto}
    .eventTitle{margin-bottom:15px}
    .eventTitle h2{font-size:16px}
    #footer p{font-size:12px;line-height:20px}
    .modal-content{margin-top:20px}
    .modal-list tbody tr td:first-child{min-width:100px}
    .tooltip{display:none}
}


@media (min-width: 768px) and (max-width: 991.98px) {
    .itemsContent{min-height:150px}
    .itemsFooter span{font-size:13px}
    .itemsFooter span i{margin-right:10px;font-size:17px}
    .itemsFooter{padding:10px 15px}
    #events{margin-top:-210px;padding:240px 0 20px}
    .itemsFooter span {-webkit-line-clamp: 1}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .homeAkademik ul li span {width: 100px}
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    #events{padding:230px 0 20px}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .search-wrapper.active .input-holder {width: 360px}
}


@media (min-width: 992px) {
    .itemsContent{height: 240px}
    .itemsFooter {height: 80px}
    .searchNot {padding-bottom: 140px}
    .modal .kapat-Btn {width: 100px}
    .takvimHome{height:455px;display: block!important}
}

@media (max-width: 1199.98px) {
    .search-wrapper.active .input-holder {width: 400px}
}