* {
     box-sizing: border-box;
     font-family: "Oswald", sans-serif;
 }

 .aramakutusu {
     box-shadow: 0px 0px 13px rgb(95, 95, 95);
 }

 .aramakutusu>span {
     position: relative;
 }

 .aramakutusu>span .fa-circle-xmark {
     position: absolute;
     left: -15%;
     top: -15%;
     color: red;
     cursor: pointer;
     font-size: 135%;
     font-weight: bold;
 }

 html,
 body {
     background-color: #f8f9fe;
     width: 100%;
     height: 100%;
 }

 header {
     height: 150px;
     width: 100%;
     background-color: #fff;
 }

 header div:nth-of-type(1) {
     background-color: #336699;
     height: 40px;
 }

 header div:nth-of-type(2) {
     height: 55px;
     width: 60%;
     margin: auto;
     background-color: #f3f3f3;
     top: -15%;
     position: relative;
     border-radius: 6px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 header div:nth-of-type(3) {
     margin: auto;
     width: 60%;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     height: auto;
     top: -20%;
 }

 header ul.menu {
     display: flex;
     width: 70%;
     height: 100%;
     margin: auto;
 }

 header ul.menu li {
     flex: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
 }

 header ul.menu li a {
     color: rgb(51, 51, 51);
     font-weight: bold;
     text-decoration: none;
     font-family: "Oswald", sans-serif;
 }

 ul.menu li a .fa-solid,
 ul.menu li a .fa-brands {
     margin-right: 5px;
 }

 header ul.menu li a:hover {
     color: #ba0919;
 }

 header div:nth-of-type(3) span {
     height: 90px;
     width: auto;
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }

 header div:nth-of-type(3) span img {
     height: 65px;
 }

 .sosyal {
     display: flex;
 }

 .sosyal li {
     margin: 5px;
     font-size: 120%;
 }

 .sosyal li i {
     color: #f3f3f3;
 }

 .sosyal li a {
     color: #f3f3f3;
 }

 .ustbilgi {
     flex: 1;
     display: flex;
     justify-content: flex-start;
     padding: 5px;
     font-family: "Dancing Script", cursive;
     font-weight: bold;
     font-size: 150%;
 }

 .logo {
     font-weight: bold;
     font-size: 120%;
     color: #ba0919;
 }

 footer {
     min-height: 40px;
     padding: 1% 20% 1% 20%;
     background-color: #336699;
     margin-top: 1%;
     display: flex;
     text-decoration: none;
     align-items: center;
 }

 footer a {
     text-decoration: none;
 }

 footer>div {
     flex: 1;
 }

 footer>div:nth-of-type(2) {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 footer>div:nth-of-type(2) img {
     height: 50px;
 }

 footer ul.menu li a {
     color: #f8f9fe;
     text-decoration: none;
     font-weight: normal;
 }

 .telefon {
     margin-right: 1%;
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }

 .telefon i {
     font-size: 150%;
     margin-right: 10px;
 }

 .telefon a {
     color: #336699;
     text-decoration: none;
     font-size: 125%;
     display: block;
 }

 .haberler {
     display: flex;
     width: 60%;
     margin: auto;
 }

 .haberler li {
     aspect-ratio: 1/.75;
     margin-right: 1%;
     flex: 1;
     align-items: flex-start;
     display: block;
 }

 .haberler li:last-child {
     margin-right: 0%;
 }

 .haberler li:hover {
     box-shadow: 0 0 15px silver;
 }

 .haberler li a {
     flex: 1;
     display: flex;
     flex-direction: column;
     position: relative;
     margin: 1%;
     height: 100%;
     width: 100%;
     color: #336699;
     height: 100%;
     align-items: flex-start;
     justify-content: flex-start;
 }

 .haberler li a img {
     height: auto;
     width: 100%;
     object-fit: contain;
 }

 .haberler li a span {
     width: 95%;
     margin: auto;
     position: absolute;
     bottom: 7.5%;
     background-color: #f8f8f8;
     display: block;
     padding: 10px;
     left: 2.5%;
     border-bottom: #336699 solid 2px;
 }

 h1 {
     margin: .5% 20% .5% 20%;
     font-weight: bold;
     color: #336699;
     font-size: 125%;
 }

 .gunler {
     display: flex;
     cursor: pointer;
     margin: 2px 0;
 }

 .gunler li {
     padding: 10px;
     background-color: #f0f0f0;
     border: 1px solid #ccc;
     border-radius: 5px;
     margin: 5px;
 }

 .gunler li:hover {
     background-color: #ddd;
 }

 .programlistesi li {
     padding: 20px;
     background-color: #ddd;
     border: 1px solid #bbb;
     border-radius: 5px;
     color: black;
     display: flex;
     align-items: center;
     flex-direction: column;
 }

 .programlistesi li div {
     display: flex;
     align-items: center;
     width: 100%;
 }

 .programlistesi li img {
     width: 100px;
     height: auto;
     padding: 7px;
 }

 .yayinakisi {
     width: 60%;
     margin: auto;
     font-size: 18px;
     display: flex;
     flex-direction: column;
     margin: auto;
 }

 .gcse-search {
     display: none;
 }

 footer div:nth-of-type(3) {
     display: flex;
     justify-content: flex-end;
 }

 @media (max-width: 990px) {
     header div:nth-of-type(2) {
         width: 100%;
     }

     header div:nth-of-type(2) span:nth-of-type(1) {
         display: none
     }

     ;

     header div:nth-of-type(3) {
         width: 100%;
     }

     header ul.menu {
         display: none;
     }

     .telefon a {
         font-size: 80%;
     }

     .telefon a b {
         display: none;
     }

     header div:nth-of-type(3) {
         width: 100%;
     }

     header div:nth-of-type(3) span {
         width: 100%;
     }

     .haberler {
         display: block;
         flex-wrap: wrap;
         width: 100%;
         clear: both;
     }

     .haberler li {
         width: 48%;
         float: left;
     }

     .haberler li a {
         font-size: 13px;
     }

     .yayinakisi {
         width: 100%;
     }

     .gunler li {
         padding: 5px;
         font-size: 14px;
         margin: 1px;
     }

     h1 {
         margin: .5% 20% .5% 1%;
         display: block;
         width: 100%;
         clear: both;
     }

     footer {
         clear: both;
         flex-direction: column;
         padding: 1% 2% 1% 2%;
     }

     footer .menu {
         display: none;
     }

     body {
         background-color: #f8f9fe;
     }

     .content--hero .content__title {
         display: none;
     }

     header div:nth-of-type(3) span:nth-of-type(2) {
         justify-content: flex-end;
         align-items: center;
         display: flex;
     }
 }

 @media (min-width:991px) and (max-width: 1200px) {
     header div:nth-of-type(2) {
         width: 100%;
     }

     header div:nth-of-type(3) {
         width: 100%;
     }

     header div:nth-of-type(3) span:nth-of-type(1) {
         display: flex;
     }

     .haberler {
         display: block;
         flex-wrap: wrap;
         width: 100%;
         clear: both;
     }

     .haberler li {
         width: 24%;
         float: left;
     }

     .yayinakisi {
         width: 100%;
     }

     h1 {
         margin: .5% 20% .5% 1%;
         display: block;
         width: 100%;
         clear: both;
     }

     footer {
         clear: both;
         flex-direction: column;
         padding: 1% 2% 1% 2%;
     }

     footer .menu {
         display: none;
     }

     header div:nth-of-type(3) span:nth-of-type(2) {
         justify-content: flex-end;
         align-items: center;
         display: flex;
     }
 }

 @media (min-width:1201px) and (max-width: 1496px) {
     header div:nth-of-type(2) {
         width: 90%;
     }

     header div:nth-of-type(3) {
         width: 90%;
     }

     header div:nth-of-type(3) span:nth-of-type(1) {
         width: 20%;
     }

     header ul.menu {
         width: 80%;
     }

     .gcse-search {
         display: none;
     }
 }