@media only screen and (min-width: 0px) and (max-width: 575px) {  
.slider-content{
    position: absolute;
    top: 75px;
    left: 3%;
}
.slider-content-title > p{
    color: white;
    font-size: 18px;
    font-weight: 700;
}
.slider-sub-title > p {
    color: white;
    font-size: 22px;
    font-weight: 600;
    line-height: 2rem;
}
.slider-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 1.5rem;
    > a{
        margin-right: 1rem;
    }
}
.slider-btn > a{
    color: white;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid var(--color2);
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: var(--color2);
    transition: .3s ease;
    &:hover{
        background-color: var(--color1);
        color: white;
        border: 1px solid var(--color1);
    }
}
#owl-slider > .owl-nav {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex !important;
    justify-content: flex-start !important;
    padding: 0 20px;
    top: 85%;
    box-sizing: border-box;
} 
#owl-slider > .owl-nav > .owl-prev{
    background-color: white !important;
    color: var(--color1) !important;
    width: 40px;
    height: 40px;
    > span {
        font-size:25px;
    }
}
#owl-slider > .owl-nav > .owl-next{
    background-color: white !important;
    color: var(--color1) !important;
    width: 40px;
    height: 40px;
    > span {
        font-size:25px;
    }
} 
.slider-info{
    padding-bottom: 0rem;
    padding-top: 0rem;
}
.slider-info-list{
    top: 0px;
}
.slider-info-content{
    padding-top: 2rem;
    padding-bottom:1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0rem;
}
.slider-info-content {
    > .title > h3 {
      text-align: center;
    } 
}   
.slider-info-content > .btn-link{
    margin-top: 2rem;
} 
.slider-info-box{
    height: auto;
}
.kurumsal {
    padding: 50px 0px 50px 0px;
}
.kurumsal-content > .title > h1{
    text-align: center;
}
.kurumsal-content > .text > p{
    text-align: center;
}
.kurumsal-content > .motto > .motto-title > h3{
    text-align: center;
}
.kurumsal-second-img{
    position: relative;
    margin-top: 2rem;
    top: 0px;
    left: 0px;
    z-index: 64;
}
.arastirmalar::before{
    display: none;
}
.section-belgeler-content{
    margin-left: 0rem;
}
.section-belgeler-list-content{
    margin-top: 1rem;
    padding: 0rem;
}
.arastirmalar{
    padding: 50px 0px 0px 0px;
}
.section-arastirmalar-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section-arastirmalar-content-title > h3{
    text-align: center;
}
.haberler{
    padding: 0px 0px 50px 0px;
}
.section-haberler-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2rem !important;
}
.section-haberler-content > .title > h3{
    text-align: center;
    font-size: 30px;
}
.yayin-arsivi{
    padding: 50px 0px 70px 0px;
}
.yayin-arsivi-list{
    position: relative;
    width: 100%;
}
.section-yayin-arsivi-content{
    margin-top: 0rem;
    margin-bottom: 3rem;
}
.yayin-arsivi-list-right > ul > li > a{
    font-size: 16px;
}
.yayin-arsivi-list-left > ul > li > a{
    font-size: 16px;
}
.section-yayin-arsivi-content > .title > h3{
    text-align: center;
}
.section-yayin-arsivi-content > .text > p{
    text-align: center;
}
.etkinlikler{
    padding: 0px 0px 70px 0px;
}
.video-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2rem;
}
/*******************************************************/
.ekib-box{
    height: 350px;
}
.page-content-title > h4{
    line-height: 2rem;
}
.page-content-btn{
    margin-bottom: 2rem;
}
.haber-item{
    margin-bottom: 2rem;
}
.form-check-label > span {
    padding-top: .5rem;
    font-size: 14px;
    color: var(--color3);
}
.form-check-label > span {
    > a {
        font-size: 14px;
        color: var(--color3);
        text-decoration: none;
    }
}
.contact-form-description{
    margin-top: 2rem;
}    
.footer-navigation-menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    > li {
        padding-bottom: 1rem;
    }
} 
.footer-social-media-menu{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
}
.footer-about-us{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-about-us-text > ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} 
.footer-menu-title{
    display: flex;
    flex-direction: row;
    justify-content: center;
}  
.footer-menu-list > ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page-content-title > h3 {
    font-size: 35px
}
.section-etkinlikler-content > .title > h3{
    text-align: center;
}
.section-etkinlikler-content > .text > p{
    text-align: center;
}
.section-etkinlikler-content > .btn-link{
    text-align: center;
}
.footer-about-us-text > ul > li{
  text-align: center;
}
.rectangle{
    font-size: 15px;
}
.level-4 {
    margin-left: -2.5rem;
}
.contact-form-title > h3{
 font-size: 30px;   
}
/*******************************************************/
}
/************* 0px - 575px  *******************************************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mobil-hamburger-menu-btn {
    position: absolute;
    right: 10px;
    top: 25px;
    font-size: 30px;
}
.slider-content{
    position: absolute;
    top: 250px;
    left: 5%;
}
.slider-content-title > p{
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.slider-sub-title > p {
    color: white;
    font-size: 40px;
    font-weight: 600;
    line-height: 3rem;
}
.slider-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 1.5rem;
    > a{
        margin-right: 1rem;
    }
}
.slider-btn > a{
    color: white;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid var(--color2);
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: var(--color2);
    transition: .3s ease;
    &:hover{
        background-color: var(--color1);
        color: white;
        border: 1px solid var(--color1);
    }
}
#owl-slider > .owl-nav {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex !important;
    justify-content: flex-start !important;
    padding: 0 20px;
    top: 85%;
    box-sizing: border-box;
} 
#owl-slider > .owl-nav > .owl-prev{
    background-color: white !important;
    color: var(--color1) !important;
    width: 50px;
    height: 50px;
    > span {
        font-size:25px;
    }
}
#owl-slider > .owl-nav > .owl-next{
    background-color: white !important;
    color: var(--color1) !important;
    width: 50px;
    height: 50px;
    > span {
        font-size:25px;
    }
} 
.slider-info{
    padding-bottom: 0rem;
    padding-top: 0rem;
}
.slider-info-content{
    padding-top: 0rem;
    padding-bottom:2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0rem;
}
.slider-info-content {
    > .title > h3 {
      text-align: center;
    } 
}   
.slider-info-content > .btn-link{
    margin-top: 2rem;
} 
.slider-info-box{
    height: auto;
}
.arastirmalar::before{
    display: none;
}
.section-belgeler-content{
    margin-left: 0rem;
}
.section-belgeler-list-content{
    margin-top: 1rem;
    padding: 0rem;
}
.arastirmalar{
    padding: 50px 0px 0px 0px;
}
.section-arastirmalar-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section-arastirmalar-content-title > h3{
    text-align: center;
}
.haberler{
    padding: 0px 0px 50px 0px;
}
.section-haberler-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 2rem !important;
}
.section-haberler-content > .title > h3{
    text-align: center;
    font-size: 30px;
}
.yayin-arsivi{
    padding: 50px 0px 70px 0px;
}
.yayin-arsivi-list{
    position: relative;
    width: 100%;
}
.section-yayin-arsivi-content{
    margin-top: 0rem;
    margin-bottom: 3rem;
}
.yayin-arsivi-list-right > ul > li > a{
    font-size: 16px;
}
.yayin-arsivi-list-left > ul > li > a{
    font-size: 16px;
}
.section-yayin-arsivi-content > .title > h3{
    text-align: center;
}
.section-yayin-arsivi-content > .text > p{
    text-align: center;
}
.etkinlikler{
    padding: 0px 0px 70px 0px;
}
.yayin-arsivi-list-right{
    width: 100% !important;
    max-width: 100% !important;
}
.yayin-arsivi-list-left {
    width: 100% !important;
    max-width: 100% !important;
}
.section-etkinlikler-content > .btn-link{
    text-align: center;
}
.section-etkinlikler-content > .title > h3{
    text-align: center;
}
.section-etkinlikler-content > .btn-link{
    text-align: center;
}
.section-etkinlikler-content > .text > p{
    text-align: center;
}
/***********************************************/ 
.page-content-btn{
    margin-bottom: 2rem;
}
.haber-item{
    margin-bottom: 2rem;
}
.contact-form-description{
    margin-top: 2rem;
} 
.footer-navigation-menu{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}  
.footer-social-media-menu{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
} 
.kurumsal {
    padding: 80px 0px 270px 0px;
}
.level-4 {
    margin-left: -2.5rem;
}
.rectangle{
   font-size: 16px;
}
.mobil-web-site-logo > a > img {
    width: 50%;
    object-fit: cover;
}
/***********************************************/ 
}
/************* 576px - 767px  *******************************************************************/
@media only screen and (min-width: 992px) and (max-width: 1199px) {   
.mobil-web-site-logo > a > img {
    width: 50%;
    object-fit: cover;
}
.slider-content{
    position: absolute;
    top: 250px;
    left: 3%;
}
.slider-content-title > p{
    color: white;
    font-size: 20px;
    font-weight: 700;
}
.slider-sub-title > p {
    color: white;
    font-size: 40px;
    font-weight: 600;
    line-height: 3rem;
}
.slider-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 1.5rem;
    > a{
        margin-right: 1rem;
    }
}
.slider-btn > a{
    color: white;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border: 1px solid var(--color2);
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: var(--color2);
    transition: .3s ease;
    &:hover{
        background-color: var(--color1);
        color: white;
        border: 1px solid var(--color1);
    }
}
#owl-slider > .owl-nav{
    top: 30%;
}
.slider-info-box-title > h3{
    font-size: 16px;
}
.kurumsal {
    padding: 50px 0px 30px 0px;
}   
.kurumsal-content > .title > h1{
    font-size: 30px;
}
.counter-title{
    font-size: 40px;
}
.counter-text{
    font-size: 18px;
}
.section-belgeler-content{
    margin-left: calc(30% - 20%);
}
.section-haberler-content > .title > h3{
    font-size: 30px;
}
.section-haberler-content{
   padding-top: 3rem;
}
.haberler{
    padding: 0px 0px 60px 0px;
}
.etkinlik-item-body > .title > h3{
    font-size: 18px;
    height: 75px;
    overflow: hidden;
}
.etkinlik-item-body > .btn-link {
    > a {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
.yayin-arsivi{
    padding: 50px 0px 50px 0px;
}
.section-yayin-arsivi-content{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.yayin-arsivi-list-right{
    height: 400px;
}
.yayin-arsivi-list-left{
    height: 400px;
}
.yayin-arsivi-list{
    position: relative;
    width: 100%;
}
.yayin-arsivi-list-right > ul > li > a{
    font-size: 14px;
}
.yayin-arsivi-list-left > ul > li > a{
    font-size: 14px;
}
.etkinlikler{
    padding: 0px 0px 40px 0px;
}
.etkinlik-item-img > img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
/****************************************************/
.ekib-box{
    height: 350px;
}
.page-content-title > h3 {
    font-size: 30px;
    line-height: 2.5rem;
}
.contact-adres{
    padding: 2rem;
}
.footer-social-media-menu > li > a{
    font-size: 14px;
}
/****************************************************/
}
/*************** 992px - 1199px ****************************************************************/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {  
.slider-content {
    position: absolute;
    top: 220px;
    left: 5%;
}
.kurumsal{
    padding: 50px 0px 50px 0px;
}
.kurumsal-content > .title > h1{
    font-size: 30px;
}
.counter-title{
    font-size: 45px;
}
.counter-text{
    font-size: 18px;
}
.section-belgeler-content{
    margin-left: calc(30% - 20%);
}
.section-haberler-content{
    padding-top: 3rem;
}
.haberler{
    padding: 0px 0px 80px 0px;
}
.yayin-arsivi{
    padding: 50px 0px 50px 0px;
}
.yayin-arsivi-list{
    position: relative;
    width: 100%;
}
.yayin-arsivi-list-right{
    height: 475px;
}
.yayin-arsivi-list-left{
    height: 475px;
}
.etkinlikler{
    padding: 0px 0px 50px 0px;
}
.ekib-box{
 height: 350px;   
}
.page-content-title > h3 {
    font-size: 30px;
    line-height: 2.5rem;  
}
.footer-about-us-text > ul {
    & > li {
        > a {
            font-size: 14px;
        }
    }
}
.footer-menu-list > ul > li > a {
    font-size: 14px;
}    
}
/********************* 1200px - 1399px **********************************************************/
@media(min-width:1400px){
.slider-content {
    position: absolute;
    top: 220px;
    left: 5%;
}
.section-belgeler-content {
    margin-left: calc(30% - 20%);
}
.yayin-arsivi-list-left > ul > li > a {
    font-size: 16px;
}
.yayin-arsivi-list-right > ul > li > a {
    font-size: 16px;
}
.footer-social-media-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}
}
/********************** 1400px ***********************************************************/
@media only screen and (min-width: 1440px) and (max-width: 1499px){
.slider-content {
    position: absolute;
    top: 220px;
    left: 7%;
}
.yayin-arsivi-list-right{
    height: 375px;
}
.yayin-arsivi-list-left{
    height: 375px;
}
.section-belgeler-content{
    margin-left: calc(30% - 20%);
}
.etkinlikler{
    padding: 130px 0px 50px 0px;
}
.haberler {
    padding: 0px 0px 80px 0px;
}
.section-haberler-content{
    padding-top: 3rem;
}
.footer-social-media-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}
}
/********************** 1440px Devices ***********************************************************/
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
.slider-content {
    position: absolute;
    top: 220px;
    left: 7%;
}
.yayin-arsivi-list-right{
    height: 375px;
}
.yayin-arsivi-list-left{
    height: 375px;
}
.section-belgeler-content{
    margin-left: calc(30% - 20%);
}
.etkinlikler{
    padding: 130px 0px 50px 0px;
}
.haberler {
    padding: 0px 0px 80px 0px;
}
.section-haberler-content{
    padding-top: 3rem;
}
.footer-social-media-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}
}
/********************** 1440px Devices ***********************************************************/
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
.slider-content {
    position: absolute;
    top: 220px;
    left: 7%;
}
.yayin-arsivi-list-right{
    height: 375px;
    width: 100%;
    max-width: 100%;
}
.yayin-arsivi-list-left{
    height: 375px;
    width: 100%;
    max-width: 100%;
}
.section-belgeler-content{
    margin-left: calc(30% - 20%);
}
.etkinlikler{
    padding: 130px 0px 50px 0px;
}
.haberler {
    padding: 0px 0px 80px 0px;
}
.section-haberler-content{
    padding-top: 3rem;
}
.footer-social-media-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style-type: none;
    margin: 0rem;
    padding: 0rem;
}
}
/********************** 1600px Devices ***********************************************************/
@media(min-width:1750px){
.slider-content {
    position: absolute;
    top: 220px;
    left: 11%;
}
.section-belgeler-content {
    margin-left: calc(40% - 20%);
}
}
/********************** 2100px Devices ***********************************************************/
@media(min-width:2450px){
.slider-content {
    position: absolute;
    top: 220px;
    left: 20%;
}
.section-belgeler-content {
    margin-left: calc(50% - 30%);
}
}