.container{
    margin-inline-start: 85%;
    margin-top: -5%;
    z-index: 2;
    position: fixed;
 }
 
 .containerxxx{
     z-index: 2;
     position: fixed;
 }
 
 .bar{
     width: 35px;
     height: 5px;
     background: white;
     margin: 6px 0;
     border-radius: 10px;
     transition: 0.4s;
 
 }
 .change .one{
     -webkit-transform:rotate(-45deg) translate(-9px,6px);
     transform: rotate(-45deg)translate(-9px,6px);
 }
 .change .snd{
     opacity: 0;
     margin-left: 20px;
     transition: 1s;
 }
 .change .third{
     -webkit-transform:rotate(45deg) translate(-8px,-8px);
     transform: rotate(45deg)translate(-8px,-8px);
 }
 
 
 
 
 .kenardan-cikan-div{
     display: block;
 }
 
 
 
 .list{
     width: 100%;
  
     height: 100%;
     display: block;
     list-style: none;
 }
 .list .ul .li{
     display: block;
     list-style: none;
 }
 .li{
     display: block;
     list-style: none;
 }
 ul li{
     display: block;
     list-style: none;
 
 }
 
 
 ul{
     width: 100%;
     height: 100%;
 
 }
 li{
  
     width: 100%;
     height: 15%;
 }
 ul li{
 
     text-align: center;
     color:bisque;
     padding:1em;
     -webkit-transition: 50.8s ease;
     -moz-transition: 50.8s ease;
     -o-transition: 50.8s ease;
     transition: 50.8s ease;
 }
 ul li:hover {
     
     color:red;
 }
 
 
 
 
 
 
 section{
     background-color: darkgray;
     
 }
 .footer{
     background-color: darkgray;
 }
 .alth2{
     background-color: darkgray;
 }
 
 
 
 
 .ana-sayfa{
     position: relative;
     
 }
 .kenardan-cikan-div{
     display: none;
     position: fixed;
     top:50px;
     right: 0;
     width: 100%;
     height: 110vh;
     background-color:gray;
     z-index: 1;
     margin-top: -6%;
 }
 .ana-sayfa .menu-hamburger{
     z-index: 2;
     position:absolute;
     margin-inline-start: 85%;
     margin-top: -4%;
     
   
     width: 45px;
     
 }
 .ana-sayfa .menu-hamburgerx{
     z-index: 1;
     position:absolute;
     margin-inline-start: 80%;
     margin-top: -4%;
     
   
     width: 45px;
     
 }
 
 
 
 
 
 
 
 .bosdiv .logo{
     font-size: 1.5rem;
     margin-inline-start: 3%;
     
    
 }
 .bosdiv{
     
     width: 100%;
     height: 10vh;
     margin-top: 3%;
 
 }
 
 
 
 *{
     margin: 0;
     padding: 0;
     text-decoration: none;
     list-style: none;
 }
 body{
     
     position: relative;
     overflow-x: hidden;
 }
 
 .header{
     height: 100vh;
     width: 100vw;
     background-size: cover;
     
 }
 .navbar{
     position: absolute;
     padding: 50px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     box-sizing: border-box;
     
 }
 .navbar a{
     color: white;
 }
 .navbar .logo{
     font-size: 1.0em;
     font-weight: bold;
     
 }
 
 
 .nav-links ul{
     display: flex;
 }
 .nav-links ul li{
     margin:0 5px;
     
 }
 .nav-links .logo{
     
     font-weight: 600;
     transition: all 1s ease;
 }
 .nav-links ul li a{
     
     font-weight: 600;
     transition: all 1s ease;
 }
 .nav-links ul li.active a{
     
     font-weight: 600;
     transition: all 1s ease;
 }
 .nav-links .menu-hamburger{
     position: fixed;
     display: none;
     top: 50px;
     right: 60px;
     width: 35px;
 }
 
 
 
 @media  (max-width:1050px){
     .navbar{
         padding: 0;
     }
     .navbar .menu-hamburger{
         display: block;
     }
     .navbar .logo{
         position: absolute;
         top: 50px;
         
     }
     .nav-links{
       
         top: 0;
         left: -3%;
         position: absolute;
         display: flex;
         background-color: rgba(255, 255, 255, 0.20  );
         backdrop-filter: blur(7px);
         width: 100%;
         height: 100vh;
         
         justify-content: center;
         align-items: center;
         margin-left: -100%;
         transition: all 0.5s ease;
        
         
         
     }
     .nav-links.mobile-menu{
         margin-left: 0;
        
     }
     .nav-links ul{
         display: flex;
         flex-direction: column;
         align-items: center;
  
     }
     .navbar .nav-links ul li{
         margin:5px 0px;
         font-size: 1.2em;
       color: black;
     }
 }
 @media  (max-width:900px){
     .nav-links{
         left: -3%;
         
     }
 }
 @media  (max-width:700px){
     .nav-links{
         left: -5%;}
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 body{
     margin: 0;
     padding: 0;
     
 
     font-family: sans-serif;
     z-index: 1;
     width: 100%;
 }
 .header-bg{
     position: fixed;
     z-index: -1;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background: url(IMG-20221227-WA0019[69].jpg);
     background-size: cover;
     background-attachment: fixed;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .header-bg h1{
     margin: 0;
     padding: 0;
     font-size: 5em;
     margin-top: 10%;
     color: #fff;
     padding: 20px;
     text-align: center;
     
     box-shadow: 0 20px 20px rgba(0, 0, 0, .5);
     
 }
 section{
     position: relative;
     top: 100vh;
     padding: 100px;
     width: 100%;
     min-height: 100vh;
     box-sizing: border-box;
 }
 
 section h1{
     margin: 0 0 50px;
     padding: 0;
     font-size: 3.5em;
     color: #fff;
 
 }
 section p{
     color: #fff;
     font-size: 1.4em;
 }
 
 
 
 section{
     margin-top: -20%;
 }
 
 .islem{
     margin-top: 15%;
     text-align: center;
 }
 
 
 
 
 
 
 
 
 
 
 *{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: Arial, Helvetica, sans-serif;
 }
 body{
 
     height: 100vh;
     background-color: darkgray;
 
     background-size: cover;
     background-position: center;
     
    
    
    
 }
 
 .background-image{
     margin-bottom: 5%;
     opacity: 0.5;
 }
 
 
 
 a{
     text-decoration: none;
     color: aliceblue;
     font-size: 1rem;
 }
 a:hover{
     color: red;
 }
 header{
     
     padding: 0 2rem;
 }
 
 
 
 
 
 
 
 *{
     padding: 0;
     margin: 0;
     box-sizing: border-box;
 }
 .footer-container{
    
     padding: 4rem 0 4rem 0;
     height: 130vh;
 }
 .footer{
     width: 100%;
     height: 40vh;
     
     color: aliceblue;
     text-align:center;
     justify-content: center;
     flex-wrap: wrap;
     margin: 0 auto;
     
     
    
 }
 .ptel{
     margin-right: 5%;
 }
 .footer-heading{
     display:flex;
     flex-direction: column;
     flex-grow: 1;
 }
 
 .footer-heading h2{
     margin-bottom: 2rem;
 }
 .footer-heading a{
     color: aliceblue;
     text-decoration: none;
     margin-bottom: 0.5rem;
 }
 .footer-heading a:hover{
     color: red;
     transition: 0.3s ease-out;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 @media(max-width:900px) {
     
    .logo{}
     .yazi{
         font-size: 1em;
     }
     .ptel{
         font-size: 1em;
     }
     .alth2{
         text-align: center;
     }
     
     
     
 }
 @media screen and (max-width:820px) {
     .footer{
         padding-top: 2rem;
     }
     .alth2{
         text-align: center;
     }
 }
 
 @media screen and (max-width:400px) {
     
     
     .background-image{
         margin-left: 10%;
     }
     h1{
         margin-top: 20%;
     }
     .divtext{
         margin-top: 30%;
         
         
     }
     .alth2{
         text-align: center;
     }
     
 }
 
 
      
 
 div{
     font:0.95em/50px 'entypo', sans-serif;
 }
 
 .buttonbosluk ul li:hover {
     
     color:red;
 }
 
 
 body{
     margin:0;
     font:1.5em 'PT Sans Narrow', sans-serif;
     
 }
 
 
 
 .h2{
     text-align: center;
     
     
 }
 .alth2{
     align-items: center;
     justify-content: center;
     margin-top: 30%;
    
     width: 100%;
    
 }
 
 
 section{
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     scroll-snap-align:start;
 }
 
 
 
 
 
 .column1{
     width: 10%;
     display: flex;
     float: left;
 }
 .column2{
     width: 10%;
     display: flex;
     float: left;
 }
 
 .column3{
     width: 10%;
     display: flex;
     float: left;
     
 }
 
 .column4{
     width: 33%;
     float: left;
 }
 
 .column5{
     width: 33%;
     float: left;
 }
 
 .column6{
     width: 33%;
     float: left;
 }
 
 @media screen and (max-width: 2000px) {
     .column1 {
       margin-top: 10%;
       width: 10%;
       margin-left: 5%;
       font-size: 0.7em;
     }
     .column2 {
         margin-top: 10%;
         width: 10%;
         font-size: 0.7em;
     }
     .column3 {
         margin-top: 10%;
         width: 10%;
         font-size: 0.7em;
     }
     .column4 {
         margin-top: 10%;
         margin-left: 10%;
         width: 17%;
         font-size: 0.7em;
     }
     .column5 {
         margin-top: 10%;
         width: 17%;
         font-size: 0.7em;
     }
     .column6 {
         margin-top: 10%;
         width: 19%;
         font-size: 0.7em;
     }
     .alth2{
         text-align: center;
     }
     
 }
 
 
 @media screen and (max-width: 1660px) {
     .column1 {
         margin-top: 10%;
       width: 10%;
       margin-left: 5%;
       font-size: 0.7em;
     }
     .column2 {
         margin-top: 10%;
         width: 10%;
         font-size: 0.7em;
     }
     .column3 {
         margin-top: 10%;
         width: 10%;
         font-size: 0.7em;
     }
     .column4 {
         margin-top: 10%;
         margin-left: 10%;
         width: 17%;
         font-size: 0.7em;
     }
     .column5 {
         margin-top: 10%;
         width: 17%;
         font-size: 0.7em;
     }
     .column6 {
         margin-top: 10%;
         width: 19%;
         font-size: 0.7em;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 @media screen and (max-width: 1440px) {
     .column1 {
       width: 10%;
     }
     .column2 {
         width: 10%;
     }
     .column3 {
         width: 10%;
     }
     .column4 {
         margin-left: 20%;
         width: 16%;
     }
     .column5 {
         width: 16%;
     }
     .column6 {
         width: 16%;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 @media screen and (max-width: 1200px) {
     .column1 {
       width: 10%;
     }
     .column2 {
         width: 10%;
     }
     .column3 {
         width: 10%;
     }
     .column4 {
         margin-left: 20%;
         width: 15%;
     }
     .column5 {
         width: 15%;
     }
     .column6 {
         width: 15%;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 
 
 
 
 @media screen and (max-width: 1443px) {
     .column1 {
       width: 10%;
       font-size: 0.7em;
       margin-left: 8%;
     }
     .column2 {
         width: 10%;
         font-size: 0.7em;
     }
     .column3 {
         width: 10%;
         font-size: 0.7em;
     }
     .column4 {
         margin-left: 10%;
         font-size: 0.7em;
         width: 15%;
     }
     .column5 {
         width: 15%;
         font-size: 0.7em;
     }
     .column6 {
         width: 22%;
         font-size: 0.7em;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 
 
 @media screen and (max-width: 1315px) {
     .column1 {
       width: 10%;
       font-size: 0.7em;
       margin-left: 2%;
     }
     .column2 {
         width: 10%;
         font-size: 0.7em;
     }
     .column3 {
         width: 10%;
         font-size: 0.7em;
     }
     .column4 {
         margin-left: 10%;
         font-size: 0.7em;
         width: 17%;
     }
     .column5 {
         width: 17%;
         font-size: 0.7em;
     }
     .column6 {
         width: 24%;
         font-size: 0.7em;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 
 
 @media screen and (max-width: 1183px) {
     .column1 {
       width: 10%;
       font-size: 0.7em;
       margin-left: -3%;
     }
     .column2 {
         width: 10%;
         font-size: 0.7em;
     }
     .column3 {
         width: 10%;
         font-size: 0.7em;
     }
     .column4 {
         margin-left: 7%;
         font-size: 0.7em;
         width: 18%;
     }
     .column5 {
         width: 20%;
         font-size: 0.7em;
     }
     .column6 {
         width: 27%;
         font-size: 0.7em;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 
 
 
 
 @media screen and (max-width: 1052px) {
     .column1 {
       width: 10%;
       font-size: 0.7em;
       margin-left: 15%;
     }
     .column2 {
         width: 10%;
         font-size: 0.7em;
     }
     .column3 {
         width: 10%;
         font-size: 0.7em;
     }
     .column4 {
         margin-left: 13%;
         font-size: 0.7em;
         width: 20%;
     }
     .column5 {
         width: 22%;
         font-size: 0.7em;
         margin-left: 0%;
     }
     .column6 {
         width: 30%;
         font-size: 0.7em;
         margin-left: 65%;
     }
     .alth2{
         font-size: 1.3em;
     }
     .container{
         overflow: hidden;
     }
     .alth2{
         text-align: center;
     }
     
 }
 
 
 
 
 
 @media screen and (max-width: 970px) {
     .column1 {
       width: 12%;
       font-size: 0.7em;
       margin-left: 0%;
     }
     .column2 {
         width: 12%;
         font-size: 0.7em;
     }
     .column3 {
         width: 12%;
         font-size: 0.7em;
     }
     .column4 {
         margin-left: 10%;
         font-size: 0.7em;
         width: 27%;
     }
     .column5 {
         width: 30%;
         font-size: 0.7em;
         margin-left: -3%;
     }
     .column6 {
         width: 40%;
         font-size: 0.7em;
         margin-left: 50%;
     }
     .alth2{
         font-size: 1.3em;
     }
     .ptel{
         font-size: 1.3em
     }
     .yazi{
         font-size: 1.3em
     }
    
 
 }
 @media screen and (max-width: 970px) {
     .alth2{
         font-size: 1.2em;
         margin-left: -2%;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 @media screen and (max-width: 820px) {
     .column1 {
       width: 15%;
       font-size: 0.7em;
       margin-left: -9%;
     }
     .column2 {
         width: 15%;
         font-size: 0.7em;
     }
     .column3 {
         width: 15%;
         font-size: 0.7em;
     }
     .column4 {
         margin-left: 6%;
         font-size: 0.7em;
         width: 30%;
     }
     .column5 {
         width: 30%;
         font-size: 0.7em;
         margin-left: -3%;
     }
     .column6 {
         width: 40%;
         font-size: 0.7em;
         margin-left: 50%;
     }
     .alth2{
         font-size: 1.1em;
         margin-left: -2%;
     }
     .ptel{
         font-size: 1.2em
     }
     .yazi{
         font-size: 1.2em
     }
     .header-bg{
         font-size: 0.9em;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 
 @media screen and (max-width: 786px) {
     .column1 {
       width: 15%;
       font-size: 0.6em;
       margin-left: 35%;
     }
     .column2 {
         width: 15%;
         font-size: 0.6em;
         
     }
     .column3 {
         width: 15%;
         font-size: 0.6em;
     }
     .column4 {
         margin-top: 10%;
         margin-left: 30%;
         font-size: 0.6em;
         width: 50%;
     }
     .column5 {
         width: 50%;
         font-size: 0.6em;
         margin-left: 30%;
         
     }
     .column6 {
         width: 50%;
         font-size: 0.6em;
         margin-left: 30%;
         
     }
     .alth2{
         font-size: 1em;
     }
     .ptel{
         font-size: 1em;
     }
     .yazi{
         font-size: 1em;
     }
     .header-bg{
         font-size: 0.7em;
     }
     .alth2{
         text-align: center;
     }
 }
 
 @media screen and (max-width: 730px) {
     .alth2{
         font-size: 0.9em;
         margin-left: -2%;
     }
     .alth2{
         text-align: center;
     }
     
 }
 
 
 @media screen and (max-width: 660px) {
     .column1 {
       width: 20%;
       font-size: 0.5em;
       margin-left: 30%;
     }
     .column2 {
         width: 20%;
         font-size: 0.5em;
         
     }
     .column3 {
         width: 20%;
         font-size: 0.5em;
     }
     .column4 {
         margin-left: 30%;
         font-size: 0.5em;
         width: 50%;
     }
     .column5 {
         width: 50%;
         font-size: 0.5em;
         margin-left: 30%;
         
     }
     .column6 {
         width: 50%;
         font-size: 0.5em;
         margin-left: 30%;
         
     }
     .alth2{
         font-size: 0.8em;
     }
     .ptel{
         font-size: 0.8em;
     }
     .yazi{
         font-size: 0.8em;
     }
     .header-bg{
         font-size: 0.6em;
         text-align: center;
     }
     .alth2{
         text-align: center;
     }
     
 }
 
 @media screen and (max-width: 600px) {
     .alth2{
         font-size: 0.7em;
         margin-left: -2%;
     }
     .alth2{
         text-align: center;
     }
     .header-bg{
         font-size: 0.5em;
         text-align: center;
     }
     .navbar .logo{
         font-size: 0.8em;
     }
     
    
 }
 
 
 @media screen and (max-width: 560px) {
     .column1 {
       width: 25%;
       font-size: 10px;
       margin-left: 25%;
     }
     .column2 {
         width: 25%;
         font-size: 0.4em;
         
     }
     li{
         font-size: 10px;
     }
     .column3 {
         width: 25%;
         font-size: 0.4em;
     }
     .column4 {
         margin-left: 0%;
         font-size: 0.4em;
         width: 100%;
     }
     .column5 {
         width: 100%;
         font-size: 0.4em;
         margin-left: 0%;
         
     }
     .column6 {
         width: 100%;
         font-size: 0.4em;
         margin-left: 0%;
         
     }
     .alth2{
         font-size: 0.7em;
         margin-left: -15%;
     }
     .ptel{
         font-size: 0.7em;
     }
     .header-bg{
         font-size: 0.5em;
         text-align: center;
     }
     .alth2{
         text-align: center;
     }
     .navbar .logo{
         font-size: 0.7em;
     }
     
    
 }
 
 
 @media screen and (max-width: 500px) {
     .column1 {
       width: 30%;
       font-size: 10px;
       margin-left: 10%;
     }
     .column2 {
         width: 30%;
         font-size: 0.4em;
         
     }
     li{
         font-size: 10px;
     }
     .column3 {
         width: 30%;
         font-size: 0.4em;
     }
     .column4 {
         margin-left: 0%;
         font-size: 0.4em;
         width: 100%;
     }
     .column5 {
         width: 100%;
         font-size: 0.4em;
         margin-left: 0%;
         
     }
     .column6 {
         width: 100%;
         font-size: 0.4em;
         margin-left: 00%;
         
     }
     .alth2{
         font-size: 0.6em;
         margin-left: -10%;
     }
     .ptel{
         font-size: 0.7em;
     }
     .header-bg{
         font-size: 0.5em;
         text-align: center;
     }
     .alth2{
         text-align: center;
     }
 }
 
 
 
 
 @media screen and (max-width: 450px) {
     .column1 {
       width: 33%;
       font-size: 10px;
       margin-left: 1%;
     }
     .column2 {
         width: 33%;
         font-size: 0.4em;
         
     }
     li{
         font-size: 10px;
     }
     .column3 {
         width: 33%;
         font-size: 0.4em;
     }
     .column4 {
         margin-left: 0%;
         font-size: 0.4em;
         width: 100%;
     }
     .column5 {
         width: 100%;
         font-size: 0.4em;
         margin-left: 0%;
         
     }
     .column6 {
         width: 100%;
         font-size: 0.4em;
         margin-left: 0%;
         
     }
     .alth2{
         font-size: 0.6em;
         margin-left: -30%;
     }
     .ptel{
         font-size: 0.7em;
     }
     .header-bg{
         font-size: 0.5em;
         text-align: center;
     }
     .alth2{
         text-align: center;
     }
     .background-image{
         align-items: center;
        
     }
     .navbar .logo{
         font-size: 0.6em;
     }
    
     
 }
 @media screen and (max-width: 410px) {
     .alth2{
         font-size: 0.6em;
         margin-left: -50%;
     }
 }
 @media screen and (max-width: 376px) {
     .yazi{
         font-size: 0.9em;
     }
     .ptel{
         font-size: 0.9em;
     }
     .column1 {
         width: 33%;
         font-size: 10px;
         margin-left: -20%;
        
     }
     .column2 {
         width: 33%;
         font-size: 0.4em;
       
         margin-left: 13%;
     }
     .column3 {
           width: 33%;
           font-size: 0.4em;
           
           margin-left: 8%;
     }
     .row{
         width: 100%;
     }
       
       
 }