@media (min-width: 1200px) {
    .container {
        max-width: 1466px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-left-color: #09f;
    margin-top: 10px;
    margin-bottom: 10px;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width:380px) {
    .actv {
        height: 200px !important;
    }
   
    .newsgl .swiper-slide img {
        width: 100%;
        height: 200px;
    }
    .docsTitle {
        font-size: 12px !important;
    }
    .popslide {
        height: 150px !important;
    }
    .reads {
        display: flex;
        justify-content: flex-start;
    }
    .announcementDetail-flex div {
        font-size: 12px;
    }
    .popslide {
        height: auto;
    }
    .docs {
        font-size: 14px;
    }
    .padwebt {
        padding: 0px;
    }
    .personConentSec .buttonsPersonel {
        padding: 3px 12px;
    }
    .mblperson {
        width: 100%;
    }
    .personConentSec .news-page-box {
        padding-bottom: 20px !important;
    }
    .personConentSec .personelCard h4 {
        font-size: 11px !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px;
    }
  
    .popspage .personelDetailss {
        display: flex;
        align-items: flex-start !important;
        justify-content: space-between !important;
        padding: 0px 25px;
        align-content: space-around;
        flex-direction: row !important;
    }
    .modalpage {
        margin: 10px !important;
    }
    .rektorUnvan h4 {
        font-size: 15px;
    }
    .rektorUnvan h4 {
        font-size: 16px;
    }
    .rektorUnvan span {
        font-size: 10px;
    }
    .modalpage .popupimg {
        height: auto !important;
    }
    .modalpage .popupAnnouncement .announcements-list {
        padding: 0px 0px !important;
    }
    .ust-kelime {
        font-size: 14px !important;
        letter-spacing: 0px !important;
    }
    .alt-kelime {
        font-size: 14px !important;
        letter-spacing: 0px !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1366px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1466px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1566px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .personelCard .popup-content {
       
        padding: 20px;
      
    }
    .popupaccordion .accordion-button svg {
        
        right: 2px;
        top: 15px;
       
    }
    .popupaccordion .accordion-button {
       
        font-size: 15px;
       
    }
    .popupAnnouncement {
        min-width: auto !important;
    } .zoom-next{
        width: 30px;
        height: 30px;
        background: #08a250 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px;
        border-radius: 100%;
    }
    .zoom-prev{
        width: 30px;
        height: 30px;
        background: #08a250 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 7px;
        border-radius: 100%;
    }
    .newsarrows {
        width: 15px;
       
    }
    .newsarrows2 {
        width: 15px;
       
    }
    .pops::before {
        border: 2px solid #fff;
        top: 56%;
        font-size: 20px;
       
        height: 45px;
        width: 45px;
       
      }
    .pie-chart-content {
        font-size: 14px;
    }
    .reverscol {
        flex-direction: column-reverse !important;
    }
    .announcementsListsFlex {
        flex: 1;
        margin: 0px 0px 0px 0px;
        height: 100%;
    }
    .announcementsListscol {
        flex: 1;
    }
    .newsgl {
        width: 100%;
    }
    .contentgridimg {
        height: 150px;
    }
    .studentPrgCol {
        padding: 20px 10px;
    }
    .studentPrgCol p {
        font-size: 14px;
    }
    .phys .title {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.2px;
        text-align: center;
    }
    .libraryTitle {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .libraryGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .academicNumber p {
        font-size: 32px;
        line-height: 2rem;
        color: #122D3A;
        font-weight: 400 !important;
    }
    .academicPublications {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .awardsGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-top: 20px;
    }
    .phys .counter {
        font-size: 25px;
        color: #0CA150;
        font-weight: 500;
        text-align: center;
    }
    .libBox p {
        font-size: 32px;
    }
    .libBox {
        padding: 20px 30px 30px 30px;
    }
    .linephys .counter {
        font-size: 16px;
        line-height: 2rem;
        color: #122D3A;
        font-weight: 500;
    }
    .lineBox img {
        width: 60px;
    }
    .linephys .title {
        font-size: 14px;
    }
    .linephys .counter {
        font-size: 32px;
    }
    .bgScientificSecond {
        width: 300px;
        height: 250px;
    }
    .grayuploads {
        background: #F8F8F8;
        text-align: left;
        padding: 20px 10px;
        border-radius: 10px;
        font-size: 9px !important;
        width: 170px;
    }
    .grayuploads img {
        width: 20px !important;
    }
    .contentfirst p {
        font-size: 10px;
        margin-left: 10px;
    }
    .grysup {
        height: 50px;
    }
    .facTabbox span {
        font-size: 28px;
    }
    .facTabbox p {
        font-size: 14px;
        max-width: 100px;
    }
    .facTabbox img {
        width: 50px;
    }
    .facTabbox {
        padding: 10px 20px;
    }
    .bgScientificSecond .rakam {
        font-size: 28px !important;
    }
    .bgScientificSecond .title {
        font-size: 20px !important;
    }
    .sectionPaddings {
        padding: 30px 0px;
    }
    .grayuploads img {
        width: 10px !important;
        margin-right: 10px !important;
    }
    .detailuploads img {
        width: 15px;
        margin-right: 10px;
    }
    .imgUP {
        width: 15px !important;
    }
    .detailuploads p {
        font-size: 10px;
    }
    .twoListgrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        align-items: center;
    }
    .gridcrcl .circlgr .circleFlex {
        padding: 10px 20px;
        width: 100%;
    }
    .facTabboxGrid {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
        gap: 20px;
    }
    .gridcrcl .circlgr {
        flex-direction: column;
    }
    .numbersChart span {
        font-size: 32px;
    }
    .burslarBoxText p {
        text-align: center;
    }
    .lineImg {
        background-image: none;
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-size: contain;
        padding: 0px 20px;
    }
    .gridLine {
        grid-template-columns: repeat(1, 1fr);
    }
    .physicallyContents {
        display: flex;
        flex-direction: column;
    }
    .physicallyRight {
        padding-left: 0px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
        width: 100%;
    }
    .studentBrs {
        font-size: 20px;
    }
    .awardsBox span {
        font-size: 32px;
    }
    .studentPrgGrid {
        margin: 20px 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .studentPrgCol2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        height: 100%;
        margin: 0px 0px;
        width: 100%;
        padding: 20px 0px;
        border-radius: 5px;
    }
    .studentPrgGrid {
        display: grid;
        margin: 10px 20px;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .bgTwoDetl {
        margin-left: 0px;
    }
    .scientificGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .socialOpportunityTitle {
        font-size: 20px
    }
    .socialOpportunityContent {
        padding: 20px 0px;
    }
    .socialOpportunitybox {
        padding: 20px 15px;
    }
    .listParagraphs p {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .socialOpportunitybox .title {
        font-size: 14px;
    }
    .socialOpportunitybox img {
        width: 60px;
        height: 60px;
    }
    .socialOpportunity {
        flex-direction: column;
    }
    .bgScientific .rakam {
        font-size: 42px !important;
        margin-top: 150px;
    }
    .bgScientific .title {
        font-size: 28px;
        font-weight: 300;
        color: #000;
    }
    .grayBgsocial {
        margin-top: 50px;
        padding: 30px 20px;
    }
    .socialOpportunityGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        margin-top: 10px;
    }
    .bgTwoBox {
        padding: 30px 20px;
    }
    .scientificBox {
        margin-top: 50px;
    }
    .rakam {
        font-size: 32px !important;
        font-weight: 400 !important;
    }
    .bgTwoDetail span {
        font-size: 14px;
        margin-left: 0px;
    }
    .bgTwoDetail {
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
        align-content: flex-start;
    }
    .bgTwoContent {
        display: flex;
        flex-direction: column;
    }
    .tabMenu {
        grid-template-columns: repeat(1, 1fr);
    }
    .tabmenuCard {
        height: 50px;
    }
    .counterAcademic {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .counterAcademicBox span {
        font-size: 20px;
    }
    .counterAcademicBox p {
        font-size: 10px;
        line-height: 13px;
    }
    .counterAcademicBox img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }
    .bannerSectioncount {
        background-size: cover;
        height: 800px;
        background-repeat: no-repeat;
    }
    .programCounter {
        width: 100%;
    }
    .programCounter p {
        max-width: 300px;
    }
    .circleFlex {
        margin: 0px 10px;
        padding: 10px 0px;
    }
    .pie-chart {
        width: 120px;
        height: 120px;
    }
    .studentCounter p {
        max-width: 300px;
    }
    .tabMenu {
        bottom: 70px;
    }
    .padtop0 {
        padding: 30px 0px 60px 0px!important;
    }
    .akasection {
        background: #F2F2F2;
        position: relative;
        top: -90px;
        padding: 0px 0px 20px;
        z-index: -1;
    }
    .bggrys {
        position: relative;
        top: -90px;
        padding: 90px 0px 0px;
        background: #F2F2F2;
    }
    .searchCount {
        width: 100%;
    }
    .counterAcademicText p {
        font-size: 12px;
        max-width: 100%;
    }
    .bgGraytwo {
        padding: 30px 0px;
    }
    .programWhite span {
        font-size: 15px;
    }
    .whiteGridb {
        gap: 10px;
    }
    .programCounter h3 {
        font-size: 16px;
    }
    .studentPrg h4 {
        font-size: 20px;
    }
    .studentCounter p {
        font-size: 14px;
    }
    .programCounter {
        padding: 40px 20px;
    }
    .studentCounter h3 {
        font-size: 16px;
    }
    .studentCounter {
        padding: 20px 20px;
    }
    .circleFlex span {
        font-size: 14px;
    }
    .programCounter p {
        font-size: 14px;
    }
    .programWhite p {
        font-size: 12px;
        line-height: 1rem;
    }
    .programWhite {
        background-size: contain;
        background-image: url(/img/beyazkutu.png) !important;
        padding: 15px 20px;
    }
    .gridsGray {
        margin: 50px 0px 0px 0px;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .yonetimpadding {
        padding: 0px 20px 20px 0px !important;
        margin-bottom: 30px;
    }
    .mobil0 {
        margin-top: 0px !important;
    }
    .accordionDiv .MuiAccordionSummary-contentGutters {
        padding: 2px 10px;
    }
    .fakulteGundem {
        font-size: 20px;
    }
    .mbp0 {
        padding-bottom: 0px;
    }
    .fakulteBannerGorsel {
        object-fit: cover;
    }
    .fakulteBannerSlide {
        position: relative;
        height: 40vh;
        object-fit: cover;
    }
    .fakulteGradient::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, #031a2500 0%, #031a2500 0%, #031a25 80%);
        z-index: 1;
        z-index: 1;
    }
    .fakulteFast .fastTransactions {
        height: 300px;
    }
    .fakultes .swiper-button-next {
        position: absolute;
        top: -21% !important;
    }
    .fakultes .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        top: 40% !important;
    }
    .fakultes .swiper-button-prev:after,
    .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        font-size: 20px;
        border-radius: 30px;
    }
    .fakulteBannerGorsel {
        margin-top: 20px;
    }
    .yonetimpadding .currentAnnouncements {
        margin-top: 0px;
        padding-left: 0px !important;
        padding-top: 20px !important;
        font-size: 20px !important;
    }
    .accordionImg {
        margin-right: 10px;
    }
    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .newsCardImg {
        height: 150px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .search-input .icon {
        top: 10px;
        height: 20px;
        width: 20px;
    }
    .search-input input {
        height: 40px;
        padding: 0 70px 0 20px;
        font-size: 10px;
    }
    .asidebars .news-arrow {
        width: 16px;
    }
    .asidebars .icon-mega {
        width: 40px;
    }
    .aside-item {
        padding: 15px 20px;
    }
    .asidebars .grid-cols-4 {
        margin-top: 10px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .aside-item {
        margin-bottom: 0px;
    }
    .asidebars {
        padding: 20px 20px;
    }
    /* 
  .plmobil {
    padding-left: 15px !important;
    padding-right: 15px !important;
  } */
    .popupAnnouncement .announcementDetail-flex {
        padding: 0px 5px;
    }
    .carousel-pagination button {
        margin: 0 2px;
        width: 6px;
        height: 6px;
    }
    .pageContents p {
        font-size: 12px;
    }
    .pageContents strong {
        font-size: 14px;
    }
    .pageContents ul li {
        font-size: 12px;
    }
    .fa-ul li {
        line-height: auto;
    }
    .list-group-item-text ul li {
        font-size: 10px;
    }
    .dateBox {
        padding: 24px;
    }
    .abouttitle {
        font-weight: 500;
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 0px;
        margin-left: 0px;
    }
    .pad20 {
        padding: 0px;
    }
    .paragraph {
        margin-bottom: 15px;
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #505050 !important;
    }
    .underlined-arrow-text span {
        font-size: 12px;
    }
    .contactBolumGrid .grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .list-group-item-heading {
        font-size: 14px;
    }
    .newsSection .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .carousel-pagination button.carousel__dot--selected {
        width: 10px;
        height: 10px;
    }
    .pageContentss {
        padding: 10px 15px 60px 15px;
    }
    .carousel__inner-slide {
        height: 300px;
    }
    .carousel__slider {
        padding-left: 3%;
        padding-right: 3%;
        height: 300px;
    }
    .carousel__inner-slide {
        padding: 5px;
    }
    .language-selector {
        padding: 0px;
    }
    .not-found-container h1 {
        font-size: 1.5rem;
    }
    .not-found-container p {
        font-size: 14px;
    }
    .closepop {
        position: relative;
        top: 60px !important;
        bottom: 0px !important;
        right: 0px !important;
        color: #101010;
    }
    .mobilenotop {
        margin-top: 0px !important;
    }
    .login-button img {
        width: 10px;
        height: 10px;
    }
    .login-button {
        font-size: 10px;
    }
    .pdf {
        width: 30px;
        height: 30px;
    }
    .mbolums {
        padding-top: 20px !important;
    }
    /* .newsTwo {
    padding-left: 15px;
    padding-right: 15px;
  } */
    .bannerSection .css-1lvtzne {
        display: flex;
        justify-content: flex-end;
    }
    .centerlogos {
        display: flex;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    .brleft {
        border-right: none;
        padding: 0px !important;
    }
    .bannerText {
        z-index: 9;
    }
    .daysSlide {
        margin-top: 0px;
    }
    .titleBox {
        align-items: center;
    }
    .padmob0 {
        padding: 0px 0px !important;
    }
    .titleBox {
        padding: 15px 0px !important;
    }
    .mobile-hide {
        display: none !important;
    }
    .bannerText h1 {
        line-height: 2.5rem;
        font-size: 40px;
    }
    .leftMegaOne {
        padding: 0px;
    }
    .footer {
        margin: 0px
    }
    .myNws .swiper-button-prev {
        top: 60px !important;
    }
    .more-news-link {
        font-size: 14px;
        line-height: 2.3rem;
    }
    .footer .col h1 {
        padding: 10px 0 10px;
    }
    .newsTwo {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .card span {
        padding: 5px 0px;
        font-size: 12px !important;
        line-height: 15px;
    }
    .bannerSlideText {
        height: 200px !important;
    }
    /* .newsSection .swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 58% !important;
  } */
    .newsTwo {
        margin-top: 0px;
    }
    .corporateContent .grid-container {
        display: flex;
        grid-template-columns: 1fr !important;
        gap: 0px;
        align-content: space-evenly;
        flex-direction: column-reverse;
    }
    .categoriesMenu {
        margin-bottom: 20px;
    }
    .brdr {
        border-right: none;
    }
    .bannerNewsSlider {
        position: relative;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
    }
    .borderbottompop {
        padding-bottom: 10px;
    }
    .popupAnnouncement .announcementDetail-flex {
        gap: 10px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0px 0px;
        flex-direction: column;
    }
    .demo-app-calendar {
        margin-right: 10px;
        margin-left: 10px;
    }
    .bannerNewsSlider .swiper-button-prev {
        top: 40%;
        margin-top: -50px;
    }
    .bannerNewsSlider .swiper-button-next {
        top: 40%;
        margin-top: -50px;
    }
    .language-selector {
        margin-left: 0px;
    }
    .sticky {
        height: 70px !important;
    }
    /* 
  .newsSection .swiper-button-prev {
    left: auto !important;
    right: 35px !important;
    margin-top: 150px !important;
  } */
    .slideText {
        position: relative;
        padding: 20px 0px;
        top: 0px;
    }
    .popupAnnouncement .announcements-list span {
        margin: 5px 0px 0px;
       
    }
    .textActivity {
        line-height: 1.5rem !important;
         
    }
    .bannerNewsSlider .swiper {
        padding-bottom: 70px;
    }
    .news-page {
        display: flex;
        justify-content: space-between;
        margin: 20px 0px;
        flex-direction: column;
    }
    .slideText h2 {
        font-size: 36px;
        top: 0px;
        position: relative;
        left: 0px;
        z-index: 999;
        line-height: 2.5rem;
        margin-top: 60px;
    }
    .pagination ul {
        list-style: none;
        display: flex;
        padding: 0;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .haber-hvr {
        height: auto !important;
        line-height: 1.2rem;
        margin-bottom: 0px;
    }
    .etiketDuyuru {
        padding: 0px 2px;
        font-size: 10px;
    }
    .myNws .swiper-button-next {
        top: 60px !important;
    }
    .bannerText h1 strong {
        font-size: 40px;
    }
    .left-column .news-item {
        display: flex;
        flex-direction: column;
    }
    .left-column .news-content h3 {
        line-height: 1rem;
        font-size: 16px;
    }
    .newsDate {
        padding: 20px 10px;
    }
    .left-column .news-content p {
        font-size: 12px;
        line-height: 1rem;
    }
    .news-page-box {
        padding-bottom: 50px;
    }
    .news-page-box .grid-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }
    .news-page-box .grid-container .card span {
        padding: 5px 0px;
       
        line-height: 20px;
    }
    .news-page-box .grid-container .card span img {
        width: 13px;
    }
    .left-column {
        margin-right: 0px;
    }
    .currentAnnouncements {
        font-size: 16px;
    }
    .personelDetail {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
    .personelCard {
        padding: 20px 15px;
    }
    .personelCard span {
        font-size: 12px;
    }
    .moblderever {
        display: flex;
        flex-direction: row-reverse !important;
    }
    .personelCard h4 {
        font-size: 14px;
    }
    .accordionDiv .MuiPaper-elevation {
        box-shadow: none !important;
    }
    .accordionDiv .MuiTypography-body1 {
        font-weight: 500;
        font-family: Poppins, sans-serif !important;
        color: #191919;
        font-size: 14px;
    }
    .yonetimp {
        font-size: 14px !important;
        font-weight: 300 !important;
        color: #505050;
        font-family: Poppins, sans-serif !important;
        margin-top: 10px !important;
    }
    .accordionDiv {
        margin-bottom: 0px;
        padding: 10px 10px !important
    }
    .currentAnnouncements p {
        font-size: 15px !important;
        font-weight: 500 !important;
    }
    .personelContact span {
        font-size: 12px !important;
    }
    .right-activity-two .search-input .icon {
        right: 20px;
        top: 10px;
        height: 20px;
        width: 20px;
    }
    .right-activity-two .activityCardPage span {
        font-size: 10px;
    }
    .right-activity-two .search-input input {
        height: 40px;
    }
    .right-activity-two .activityCardPage a {
        font-size: 12px;
    }
    .mobile-reverse-column {
        display: flex;
        flex-direction: column-reverse;
    }
    .right-activity-two .activityCardPage p {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.5rem;
        margin-bottom: 20px;
    }
    .personColumFlex2 {
        margin-bottom: 50px;
    }
    .left-activity-two {
        margin-right: 0px;
    }
    .mblfve .search-input {
        margin: 30px 0px 30px 0px !important;
    }
    .pattern {
        position: absolute;
        left: 0px;
        z-index: -1;
        height: 100%;
        top: 0px;
    }
    .bannerSectioncount {
        background: #f2f2f2;
    }

    .akasection {
        padding: 20px 10px;
    }
    .announcements-list h3 {
        font-size: 14px;
        margin-top: 10px;
        line-height: 1.2rem;
    }
    .flexdyr {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .accordionDiv .css-15v22id-MuiAccordionDetails-root {
        padding: 8px 16px 16px;
    }
    .detail-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2rem !important;
        margin-bottom: 5px;
    }
    .dateNews {
        font-size: 10px;
    }
    .lines {
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .right-column .newsDiv h3 {
        font-size: 12px;
        max-width: 300px;
    }
    .right-column {
        margin: 20px 10px;
    }
    .left-column .newsDiv {
        padding: 15px 10px;
    }
    .bannerText p {
        font-size: 40px;
        line-height: 20px;
        font-family: 'Poppins', sans-serif !important;
    }
    .titleBox h2 {
        font-size: 20px;
    }
    .aside-item .mega-text {
        font-size: 14px;
    }
    .pageOzelClass table {
        width: 100% !important;
    }
    .pageOzelClass table tr td {
        border: 1px solid #e1e0e0 !important;
        padding: 10px;
        font-size: 12px;
        hyphens: auto !important;
    }
    .MuiIconButton-root {
        position: relative;
        top: 0px;
        right: 10px !important;
        color: #101010;
    }
    .css-r6ewbb-MuiToolbar-root {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        /* align-items: center; */
        min-height: 56px;
        flex-direction: row-reverse;
    }
    .ww10 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .engsw .fakulte-img {
        left: 0px;
    }
    .bannerSection {
        background-size: cover;
        height: 440px;
        background-repeat: no-repeat;
    }
    .sectionPadding {
        padding: 60px 0px;
    }
    .contentActivity {
        margin-bottom: 6px;
    }
    .numbext .mba {
        display: flex;
        justify-content: center;
        align-content: center;
    }
    .news-arrow {
        width: 15px;
    }
    .popupAnnouncement .announcements-list h3 {
        font-size: 14px;
        line-height: 1.2rem;
    }
    .popupAnnouncement .personelDetail {
        padding: 0px;
    }
    .pdf {
        width: 30px;
    }
    .announcements-list {
        margin-bottom: 10px !important;
    }
    .datesub img {
        width: 20px !important;
    }
    .datesub img {
        padding-right: 5px !important;
    }
    .datesub {
        margin-right: 0px !important;
        line-height: 1rem;
        font-size: 10px !important;
    }
    .separator {
        
        margin: 0px 5px;
    }
    .popupAnnouncement .announcements-list {
        padding: 20px 0px 15px 0px;
        margin-bottom: 0px !important;
    }
    .popupAnnouncement .announcements-list span {
        font-size: 10px !important;
        line-height: 1.5rem;
    }
    .popupAnnouncement .overflowhide p img{
        margin-top: 10px;
    }
    .borderbottompop .datesub {
        padding: 0px !important;
    }
    .bottomActivityflex {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .p-hvr {
        padding: 0px 20px;
        height: auto;
    }
    .p-hvr .align-items-center {
        align-items: start !important;
    }
    .month-text {
        font-size: 16px;
    }
    .bannerText p {
        font-size: 14px;
    }
    .bannerSection .moblderever {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 56px;
        flex-direction: row-reverse;
    }
    .isBirlikleri {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 20px;
        align-items: center;
        padding: 20px 20px;
        justify-content: center;
    }
    .personelDetail .mt-10 {
        margin-top: 5px !important;
    }
    .personelContact .datesub img {
        padding-right: 10px;
        width: 23px;
    }
    .pageOzelClass p {
        margin-bottom: 15px;
        word-wrap: break-word;
        font-size: 14px;
        font-weight: 300;
    }
    .pageTitle h2 {
        font-size: 24px;
        
    }
    .pageOzelClass ul li {
        hyphens: auto !important;
    }
    .breadcrumbs {
        padding: 20px 0px;
    }
    .pageContents p {
        text-align: justify;
        hyphens: auto;
    }
    .pageContentss {
        margin-top: 10px !important;
    }
    .bgCard {
        padding: 20px;
    }
    .isParagraph {
        text-align: justify;
        hyphens: auto;
    }
    .pageOzelClass h2 {
        font-size: 20px;
        font-weight: 600;
        hyphens: auto !important;
        margin-bottom: 15px;
    }
    .unvan {
        font-size: 14px;
    }
    .personCard h4 {
        font-size: 20px;
    }
    .personCard {
        grid-template-columns: 1fr;
    }
    .mobiletogg {
        width: 23px;
        rotate: 330deg;
    }
    .togglemenu {
        height: 100%;
        border-radius: 10px 0px 0px 10px !important;
        min-width: auto !important;
        width: auto;
        margin: 0px;
        padding: 6px 13px;
    }
    .graySpace {
        gap: 10px;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .graySpaceFakulte {
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .pcontainer {
        padding: 0px 15px;
    }
    .newsColSecond {
        width: 100%;
    }
    .pageOzelClass strong {
        font-size: 15px;
    }
    .newsColFirst {
        width: 100%;
    }
    .megaMobileli ul {
        padding: 5px 0px;
        margin: 10px 0px;
    }
    .megaImgList {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .text-gray-700 {
        color: #505050 !important;
    }
    .text-gray-600 {
        color: #505050 !important;
    }
    .grey-icon {
        color: grey;
        transition: transform 0.3s ease;
        rotate: 90deg;
        /* Dönme efekti için geçiş süresi ve eğilim ayarı */
    }
    .clos {
        width: 100% !important;
    }
    .css-1lvtzne {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
    }
    .categoriesMenu {
        padding: 20px 20px;
    }
    .clos .css-ohyacs {
        display: none
    }
    .custom-link {
        height: auto;
    }
    .right-activity-two {
        flex: 3;
        margin: 10px 30px 0px 0px;
        height: 100%;
    }
    .right-activity-two {
        flex: 3;
        margin: 10px 0px 0px 0px;
        height: 100%;
    }
    .popups-video {
        padding: 20px 20px;
        width: 100% !important;
    }
    .clos button {
        position: relative;
        top: 40px !important;
        right: 5px !important;
        z-index: 9999;
        color: #101010;
        background: #1ea153;
    }
    .pageOzelClass p {
        margin-bottom: 15px;
        word-wrap: break-word;
        hyphens: auto;
    }
    .newsSection .swiper-button-next {
        right: 10px;
    }
    .pageOzelClass ul li {
        font-size: 14px;
        font-weight: 300;
    }
    .pageOzelClass {
        padding: 20px 15px;
        background: #fff;
        border-radius: 10px;
    }
    .popups-video iframe {
        width: 100%;
    }
    .grey-icon .clicked {
        transform: rotate(90deg);
        /* İkonu 180 derece döndür */
    }
    .kou {
        padding: 0px;
    }
    .custom-button {
        background-color: #08a25094;
        width: 150px;
        /* height: 30px; */
        border-radius: 40px;
        display: flex;
        bottom: 10px;
        justify-content: center;
        align-items: center;
        border: 2px solid #fff;
        position: absolute;
        padding: 5px 0px;
    }
    .button-text {
        color: #fff;
        margin-left: 15px;
        font-size: 10px;
    }
    .custom-button img {
        width: 13px;
    }
    .fastTransactions p {
        font-size: 12px;
        display: none;
        margin-top: 0px;
    }
    .slick-next {
        display: none !important;
    }
    .footer {
        padding: 0px 0px 20px 0px;
    }
    .w100 {
        width: 100% !important
    }
    .col-sm-6 {
        width: 50% !important;
    }
    .counterPadding {
        padding: 20px 0px;
    }
    .bannerText {
        top: 130px;
        padding-left: 10px;
        padding-right: 15px;
        font-family: 'CustomFont', sans-serif !important;
    }
    .scrollDown {
        bottom: -40px;
    }
    .newsSection {
        padding: 0px 15px !important;
    }
    .news-title {
        padding: 0px 0px 0px 10px;
        max-width: 250px;
    }
    .megamenu {
        margin: 0px 20px;
        padding: 0px 20px;
    }
    .megaimg {
        border-radius: 10px;
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
    .sidebar-contact.active {
        right: 0px;
        overflow: scroll;
        z-index: 999999;
        left: 0px;
    }
    .kouint {
        font-size: 19px;
        padding: 10px 0px 10px 0px;
    }
    .slideText strong {
        font-size: 40px;
    }
    .aside-item {
        height: 70px;
    }
    .flexDuyuru .etiketSabit {
        width: 84
    }
    .search-input {
        margin: 20px 0px;
    }
    .navbar {
        z-index: 999999;
        position: relative;
    }
    nav ul {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        list-style: none;
        margin: 0;
        padding: 0;
        background: #fff;
        border-radius: 10px;
        padding: 20px 0px;
        z-index: 9999;
    }
    .col.ftrcol {
        flex: 0 0 50%;
        max-width: 50%;
        box-sizing: border-box;
        padding: 0 20px 20px 20px;
    }
    .bgBlue {
        border-radius: 25px;
    }
    .fastTrans-Box {
        margin: 0px 0px;
        height: 100%;
        padding: 10px 10px;
    }
    .mobileMenuItems {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .logoIcon {
        width: 205px !important;
        height: 65px !important;
        object-fit: contain !important;
        margin-right: 10px;
        padding: 5px;
    }
    .fcLogo {
        width: 65px;
        height: 65px;
        margin-right: 10px;
        padding: 5px;
    }
    .logoaside {
        width: 250px !important;
    }
    .ust-kelime {
        font-size: 18px;
    }
    .personUnderline {
        font-size: 18px !important;
        text-align: center !important;
    }
    .mbml {
        display: grid !important;
    }
    .alt-kelime {
        font-size: 18px;
    }
    .son-kelime {
        font-size: 18px;
    }
    .personelContact {
        cursor: pointer;
        word-break: break-word;
    }
    .personelCard {
        padding: 20px 15px;
        width: 100%;
    }
    .personelgrid .personelCard h4 {
        font-size: 14px !important;
        padding-bottom: 0px !important;
    }
    .facAcademic {
        width: 100%;
        height: 100%;
        display: grid;
        margin: 0;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        justify-content: center;
        justify-items: center;
        background: #F7F7F7;
        gap: 20px;
        padding: 20px 20px;
        border-radius: 10px;
    }
    .facflex {
        display: grid;
        margin: 0;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        justify-content: center;
        justify-items: center;
        gap: 30px;
        margin: 0px;
    }
    .persons-button {
        width: 100px;
        border-radius: 40px;
        margin-top: 10px;
        font-size: 12px;
        padding: 4px 10px 4px 10px;
    }
    .personBoxs h2 {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.2px;
        word-wrap: break-word;
        hyphens: auto;
    }
    .popupAnnouncement .overflowhide p {
        font-size: 14px !important;
        color: #4f4f4f;
        font-weight: 300;
        line-height: 1.25rem;
        word-wrap: break-word;
        hyphens: auto;
    }
    .popupAnnouncement .announcements-list h3 {
        word-wrap: break-word;
        hyphens: auto;
    }
    .facTabboxGrid2 {
        margin-bottom: 10px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .imgssize .counterAcademicBox img {
        width: 40px !important;
    }
    .facAcademic .titleBox h2 {
        font-weight: 400;
        font-size: 19px;
        color: #191919;
    }
    .yonetimgrid .personCardimg {
        height: auto !important;
    }
    .yonetimgrid .personCardimg .photo {
        height: 100% !important;
    }
    .yonetimgrid2 .personCardimg {
        height: auto !important;
    }
    .yonetimgrid2 .personCardimg .photo {
        height: 100% !important;
    }
    .personCardimg {
        height: 170px;
    }
    .personDetail {
        margin-top: 10px;
        margin-bottom: 16px;
    }
    .personelCard .photo {
        height: 160px !important;
        margin-bottom: 0px;
    }
    .documentImg {
        width: 60px !important;
        margin: 0px !important;
    }
    .personelgrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px;
        width: 100% !important;
    }
    .newp{
        margin-top: 10px;
    }
    .newPopImg {
        text-align: left;
        margin-left: 5px !important;
        margin-right: 5px !important;
        padding: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .popgaleri {
        width: 100% !important;
        padding: 20px;
    }
    .documentBox {
        width: 100%;
    }
    .ml25 {
        margin-left: 0px;
    }
    .newPopcontentI {
        height: 120px;
        width: 120px;
        object-fit: cover;
    }
    .fastTrans-Box span {
        line-height: 11px;
        text-transform: capitalize;
        font-size: 10px;
        margin-top: 5px;
        font-weight: 400;
    }
    .fastTrans-Box img {
        width: 35px;
    }
    .language-icon {
        width: 15px;
        height: 10px;
    }
    .language-button {
        font-size: 10px;
    }
    .fastTransactions h3 {
        line-height: 1.2rem;
        font-size: 16px;
    }
    .graySpaceFakulte {
        margin: 0px 10px 50px 10px;
    }
    .graySpaceBolum {
        margin: 20px 10px 20px 10px;
        width: 100%;
    }
    .graySpace {
        margin: 0px 10px 50px 10px;
    }
    .koubanner {
        height: auto;
    }
    .text-box div {
        font-size: 30px !important;
        padding: 5px 5px 0px 5px !important;
        margin-top: 40px;
        top: -120px;
        height: 35px !important;
    }
    .tracking-wider {
        letter-spacing: 0.3px;
    }
    .text-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    .bg-engineering {
        bottom: 0px;
        top: 30px;
    }
    .h-\[4em\] {
        height: 3em;
    }
    .engineering-title h3 {
        width: 100%;
        font-size: 30px;
        max-width: 600px;
        line-height: 2.3rem;
        font-weight: 400;
        padding-top: 50px;
    }
    .eng-slide .newsCardImg {
        height: 200px;
        width: 100%;
    }
    .h-\[60vh\] {
        height: 30vh !important;
    }
    .search-input-two {
        margin-top: 10px;
    }
    .search-input-two {
        width: 100%;
    }
    .announcements-flex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: flex-start;
        flex-direction: column;
    }
    .slick-initialized .slick-slide {
        border-radius: 10px;
    }
    .news-list {
        margin-top: 0px;
        padding: 0px;
        padding-right: 0px !important;
    }
    /* CSS dosyanızda accordion için stil */
    .accordion-content.inactive {
        display: none !important;
    }
    .titleLinks {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    /* Başlık aktif olduğunda içeriği göster */
    .accordion-title.active+.accordion-content {
        display: block !important;
    }
    .engineering-title p {
        margin-top: 20px;
        width: 100%;
        font-size: 14px;
        line-height: 1.3rem;
    }
    .breadcrumbs span {
        display: flex;
        align-items: center;
    }
    .brimg {
        font-size: 10px;
    }
    .breadcrumbs img {
        height: 15px;
        width: 15px;
    }
    .engsw .swiper {
        margin-top: 60px;
    }
    .eng-slide .card {
        height: auto;
    }
    .eng-slide .card span {
        top: 95px;
        max-width: 300px;
        left: 0px;
        padding: 6px 10px;
        line-height: 1rem;
        text-transform: capitalize;
        font-size: 12px;
    }
    .engineering-title {
        flex-direction: column;
    }
    .logo {
        width: 180px !important;
    }
    .teacherBg p strong {
        font-size: 12px;
        line-height: 1rem;
    }
    .teacherBg p {
        font-size: 13px;
    }
    .rektorunvan{
margin-top: 20px;
    }
    .teacherBg h2 {
        padding: 50px 0px 0px 20px;
        font-size: 15px;
    }
    .rektorBackground {
        background-size: 90% !important;
    }
    .h-screen {
        height: 45vh !important;
    }
    .searchmenu {
        display: none !important
    }
    .fastImage {
        width: 30px !important;
    }
    .mobiletog {
        height: 100% !important;
        width: 50px !important;
        display: flex !important;
        border-radius: 0px 10px 10px 0px !important;
        align-items: center !important;
        justify-content: center !important;
        align-content: center !important;
        right: 0px;
        cursor: pointer;
        z-index: 999;
        border-radius: 0px 10px 10px 0px;
        background-color: #fff !important;
        color: #2B2B2B;
        position: relative;
        border-right: 1px solid #d4d4d4;
        border-top: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        padding: 8px 10px !important;
    }
    .daysmonth {
        width: 25px;
        padding-bottom: 0px !important;
    }
    .newsTwo .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: 30px;
        text-transform: none !important;
        letter-spacing: 0;
        top: 40%;
        font-variant: initial;
        line-height: 1;
    }
    .newsTwo .swiper-button-next {
        top: 40% !important;
        font-size: 20px !important;
    }
    .mobilegrid4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .newsTwo .swiper-button-prev:after {
        font-size: 15px !important;
    }
    .newsHoverbox .text-gray-500 img {
        width: 15px !important;
        margin-right: 5px;
    }
    .newsHoverbox .text-gray-500 {
        font-size: 12px !important;
    }
    .newsTwo .swiper-button-next:after {
        font-size: 15px !important;
    }
    .newsTwo .swiper-button-prev {
        top: 40% !important;
        font-size: 20px !important;
        width: 35px !important;
        margin-top: 0px !important;
        height: 35px !important;
    }
    .newsTwo .swiper-button-next {
        font-size: 20px !important;
        width: 35px !important;
        height: 35px !important;
    }
    /* .fastTransactions h3 {
    padding-top: 15px;
  } */
    .fastTransactions p {
        padding-bottom: 15px;
    }
    .mobilegl {
        border-radius: 10px;
    }
    .fastTransactions {
        display: flex;
        top: -45px;
        height: 100%;
        border-radius: 10px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .footertb {
        padding-top: 16px;
        padding-bottom: 0px;
    }
    .pops {
        width: 40%;
    }
    .pl40 {
        padding-left: 15px !important;
    }
    .bgBlue {
        background-color: transparent;
    }
    .sectionPaddingtwo {
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .sectionPaddingthree {
        padding-bottom: 50px;
        padding-top: 70px;
    }
    .blueBoxe {
        width: 60%;
        padding: 0px 10px;
    }
    .rektortop {
        margin-top: -60px;
        padding-bottom: 40px;
    }
    .teacherBg p {
        font-size: 10px;
        padding: 0px 0px 0px 20px;
    }
    .teacherBg p strong {
        font-size: 12px;
    }
    .teacherBg {
        padding-left: 0px;
        /* background-repeat: no-repeat; */
        /* background-position: top left; */
        width: 200px;
    }
    .monthd {
        line-height: 1.6rem;
        font-size: 30px;
        margin-top: 5px;
    }
    .mobile-column-reverse .brleft {
        margin-top: 40px;
    }
    .mobile-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .mobile-column-reverse .announcementpadding {
        margin-top: 20px;
    }
    .news-title h2 {
        line-height: 1.15rem;
        font-size: 14px;
    }
    .flexcnt {
        display: flex;
        justify-content: center;
        align-items: center !important;
        margin-bottom: 10px;
    }
    .p-hvr .align-items-center {
        align-items: start !important;
    }
    .mobilePad {
        padding: 20px !important;
    }
    .swiperFlex {
        padding: 30px 0px 0px 0px;
    }
    .teacherBg h2 {
        line-height: 1.2rem;
    }
    .bgr {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .onlinebs {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
    .menu {
        flex-direction: column;
    }
    .dropdown {
        position: relative;
    }
    .css-1t6c9ts {
        display: none
    }
    .login-button a {
        display: flex;
        align-items: center;
    }
    .announcementpadding {
        margin-top: 50px;
    }
    .mobilnotp {
        padding-top: 0px !important;
    }
    .large-box .number {
        top: -35px;
        font-size: 16px;
    }
    .bannerNewsSlider .swiper-button-prev:after {
        color: #0CA150 !important;
        font-size: 20px;
    }
    .bannerNewsSlider .swiper-button-next:after {
        color: #0CA150 !important;
        font-size: 20px;
    }
    .medium-box .number {
        top: -50px;
        font-size: 16px;
    }
    .extra-small-box .number {
        font-size: 16px;
    }
    .small-box .number {
        font-size: 16px;
        top: -45px;
        right: 75px;
    }
    .smallest-box .number {
        top: -40px;
        font-size: 16px;
    }
    .tiny-box .number {
        font-size: 16px;
    }
    .large-box .number {
        left: -30%;
    }
    /* Akademik Personel */
    .large-box p.box-label {
        font-size: 11px;
        max-width: 100px;
        left: -60%;
        text-align: center;
        line-height: 0.9rem;
    }
    .footergridsocial .grid-container {
        display: flex;
        margin: 10px 0px;
        grid-template-columns: repeat(1, 30px);
        grid-template-rows: repeat(2, 30px);
        gap: 10px;
        width: 100%;
        justify-items: center;
        align-content: center;
    }
    .footerLeftGrid {
        width: 330px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    /* Meslekokulu */
    .medium-box p.box-label {
        font-size: 12px;
        left: 55%;
        top: -30px;
        line-height: 0.9rem;
        text-align: center;
    }
    .medium-box {
        top: 0%;
        left: 6%;
    }
    .medium-box .number {
        left: 85%;
    }
    .tiny-box .number {
        top: -45px;
        right: -30px;
        left: -40px;
    }
    .tiny-box {
        top: 30%;
        left: 70%;
    }
    /* Enstitü */
    .small-box p.box-label {
        font-size: 12px;
        right: 60px;
        top: -20px;
    }
    .small-box {
        left: 40%;
    }
    .parent-container .box {
        height: 130px;
    }
    /* Öğrenci */
    .tiny-box p.box-label {
        font-size: 12px;
        left: -20px;
        top: -25px;
    }
    .smallest-box p.box-label {
        right: -20px;
        top: -25px;
    }
    .smallest-box .number {
        top: -50px;
        right: -10px;
    }
    /* Fakülte */
    .smallest-box p.box-label {
        font-size: 12px;
    }
    /* Yüksekokul */
    .extra-small-box p.box-label {
        font-size: 12px;
        right: -30px;
        top: -30px;
        left: auto;
        width: 60px;
        text-align: center;
        line-height: 0.9rem;
    }
    .extra-small-box .number {
        left: auto;
        top: -50px;
        right: -25px;
    }
    .extra-small-box {
        top: 5%;
        left: 35%;
    }
    .parent-container {
        top: 0px;
    }
    .parent-container .box {
        border-top: 1px dashed #bbbbbb00;
    }
    .counterDiv {
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .titleLinks img {
        width: 25px;
    }
    .mt-40 {
        margin-top: 20px;
    }
    .titleLinks span {
        font-size: 14px;
    }
    .titleLinks {
        padding-right: 10px;
        padding-left: 10px;
    }
    .yonetimgrid {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .yonetimgrid2 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .mpad0 {
        padding: 0px;
    }
    .facultyLinks h3 {
        font-size: 20px;
    }
    .facultyLinks {
        padding-top: 50px;
    }
    .facultyTop {
        margin-top: 20px;
    }
    .linksBox ul li {
        padding: 5px 10px;
        font-size: 12px;
    }
    .bgGrayTwo {
        padding: 0px 0px 80px 0px;
    }
    .linksBox {
        padding: 20px 10px;
        height: -moz-max-content;
        height: max-content;
        margin: 0px 5px 15px 5px;
    }
    .contactGrid .grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .engsw .swiper-button-next {
        position: absolute;
        top: -50% !important;
    }
}

@media (min-width: 768px) {
    .web-hide {
        display: none !important;
    }
}

@media screen and (min-width: 700px) and (max-width: 980px) {
    .flexdyr {
        zoom: 80%;
    }
}

@media screen and (min-width: 640px) and (max-width: 770px) {
    .flexdyr {
        zoom: 80%;
    }
    .fakultebannertitle {
        top: 73%;
    }
    .koubanner {
        height: 90%;
    }
}

@media screen and (min-width: 1601px) {
    /* .pl40 {
    position: relative;
    left: 5% !important;
} */
}

@media screen and (min-width: 769px) and (max-width: 821px) {
    .css-1lvtzne {
        display: none !important;
    }
    .slideText strong {
        font-size: 40px;
    }
    .slideText h2 {
        font-size: 30px;
    }
    .megaImgList img {
        width: 25px;
    }
    .announcements-list {
        font-size: 10px;
    }
    .announcements-list p {
        font-size: 10px !important;
        line-height: 1rem;
    }
    .megaImgList {
        padding: 8px 20px;
    }
    .monthd {
        font-size: 42px;
    }
    .bannerSlideText {
        height: auto;
    }
}

@media screen and (min-width: 1536px) {
    .parent-container .box {
        position: relative;
        height: 500px;
        width: 80px;
        border-top: 1px dashed #bbb;
    }
}

@media screen and (max-width: 1679px) {}

@media screen and (max-width: 1599px) {}

@media screen and (max-width: 1456px) {}

@media screen and (max-width: 1399px) {}

@media screen and (max-width: 1199px) {}

@media screen and (max-width: 1139px) {}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 820px) {}

@media screen and (max-width: 768px) {
    .mobilempad {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .footer .col {
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer .col h1 {
        font-size: 16px;
    }
    .col.ftrcol {
        padding: 0px;
    }
    .overflw div {
        overflow-y: scroll;
        max-height: 300px;
        width: 100%;
        font-size: 12px;
    }
    .footer-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }
    .toggle-icon::before {
        content: '+';
        font-size: 20px;
        transition: transform 0.3s ease-in-out;
    }
    .footer-menu {
        display: none;
    }
    .active .toggle-icon::before {
        content: '-';
        transform: rotate(180deg);
    }
    .active .footer-menu {
        display: block;
    }
    .footerbox {
        flex-direction: column;
    }
    .footerbox .w3 {
        width: 100%;
    }
    .footerbox .w6 {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .news-arrow {
        float: right;
        width: 16px;
        fill: #D6D6D6 !important;
        transition: all 0.3s ease-out;
    }
    .mega-text p {
        font-size: 10px;
    }
}

@media screen and (min-width: 1300px) {
    .mega-text {
        font-weight: 500;
        line-height: 20px;
        word-break: break-word;
        width: 100%;
        font-size: 14px;
    }
}

@media screen and (min-width: 2000px) {
    .container {
        max-width: 1766px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mega-text {
        font-weight: 500;
        line-height: 20px;
        word-break: break-word;
        width: 100%;
        font-size: 14px;
    }
    .top-row {
        justify-content: flex-start;
    }
    .rektorBackground {
        background-size: 60% !important;
        right: 25px
    }
}