@media screen and (max-width:1024px) and (min-width:120px) {
.mobilmenu{
display:block;
font-size:28px;
position:absolute;
right:25px;
color:#fff;
top:40px;
z-index:999999;
}

#top{
overflow:hidden;
background: linear-gradient(90deg, #0b0e13, #0b0e13);
overflow:hidden;
}

.border-effect{
background: linear-gradient(90deg, #45f882, #0db2ac, #095469, #fa4e04);
height:3px;
}

@keyframes gradientAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.border-effect{
  background: linear-gradient(90deg, #fc5128, #772c23, #fc5128, #772c23);
  background-size: 300% 300%;
  animation: gradientAnimation 5s ease-in-out infinite;
}

.top{
width:100%;
margin:0 auto;
overflow:hidden;
padding:10px 0;
}

.top-bilgi{
display:block;
float:none;
color:#fff;
font-family: Poppins;
font-size:14px;
line-height:24px;
text-align:center;
}

.top-bilgi em{
font-style:normal;
font-weight:600;
color:#45f882
}

.top-bilgi span{
display:block;
float:none;
text-align:center;
padding-left:10px;
}

.top-dil{
float:right;
overflow:hidden;
display:none;
}

.top-dil i{
font-size:24px;
color:#fff;
}

.top-dil span{
display:block;
float:left;
text-align:center;
padding-left:10px;
}

.top-dil span img{
width:23px;
height:23px;
object-fit:cover;
border-radius:50%;
}

.top-dil span em{
display:block;
color:#fff;
font-style:normal;
font-size:12px;
display:none;
}

#header{
background:#1a1d26;
box-shadow: 0px 2px 10px 1px rgb(0 0 0  / 15%);
position:relative;
z-index:9;
}

.header{
width:100%;
margin:0 auto;
overflow:hidden;
padding:20px 0;
}

.logo{
float:none;
overflow:hidden;
padding:0 0 0 0px;
text-align:center
}

.logo img{
width:200px;
}

.menu{
float:right;
overflow:hidden;
display:none;
}

.menu ul{
margin:0 auto;
list-style:none;
padding:15px 0 0 0;
}

.menu li{
float:left;
padding:5px 15px;
font-size:15px;
color:#012863;
font-family:Poppins;
}

.menu li:nth-last-child(2){
padding-right:0;
border-right:10px;
}

.menu li a{
color:#fff;
text-decoration:none;
transition: color 0.2s ease-in-out;

}

.menu li a:hover{
color:#ccc;
}

.teklifal{
float:left;
background: linear-gradient(90deg, #43d073, #45f882, #333);
padding:12px 30px;
border-radius:5px;
margin-top:-10px;
margin-bottom:10px;
margin-left:20px;
color:#000;
font-family: 'Righteous', cursive;
box-shadow: 0px 2px 10px 1px rgb(0 0 0  / 25%);
line-height:24px;
clip-path: polygon(15% 0,100% 0,85% 100%,0 100%);
letter-spacing:1px
}

.teklifal:hover{
background: linear-gradient(90deg, #45f882, #43d073, #333;);
cursor:pointer;
}

@keyframes gradientAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.teklifal{
background: linear-gradient(90deg, #45f882, #43d073, #45f882);
background-size: 300% 300%;
animation: gradientAnimation 3s ease-in-out infinite;
}

.teklifal i{
font-size:24px;
display:block;
float:left;
padding-right:5px;
}

#slayt{
overflow:hidden;
width:100%;
margin:0 auto;
background: linear-gradient(90deg, #0c1013, #1a1d26);
margin-top:0;
}

.slayt{
width:100%;
margin:0 auto;
}

.slayt-resim{
width:100%;
float:none;
padding:0px 0 0 0;
margin-top:-40px
}

.slayt-resim img{
width:100%;
height:400px;
object-fit:cover
}

.slayt-slogan{
width:100%;
float:none;
position:relative;
}


.slogan-bir{
font-family: 'Righteous', cursive;
font-size:34px;
color:#fff;
padding:40px 0 0 0;
margin-bottom:0px;
text-align:center;
}

.slogan-bir b{
display:block;
font-weight:normal;
text-shadow:1px 0px 20px #4bda81;
}

.slogan-bir span{
display:block;
font-family:poppins;
font-size:15px;
text-shadow:none;
color:#4bda81;
padding:10px 0 0 0;
}

.slogan-bir em{
display:block;
font-family:poppins;
font-size:11px;
text-shadow:none;
font-style:normal;
padding:5px 0 0 0;
}

.detay-button{
font-family: 'Righteous', cursive;
letter-spacing:1px;
float:left;
margin-right:20px;
display:none;
}

.detay-button a{
width: 200px;
background: linear-gradient(90deg, #45f882, #259c4d);
text-align:center;
padding:15px 0;
display:block;
color:#000;
text-decoration:none;
border-radius:5px;
}

.detay-button a:hover{
background: linear-gradient(90deg, #259c4d, #45f882);
}

.detay-button-iki{
width: 200px;
font-family: 'Righteous', cursive;
letter-spacing:1px;
float:left;
color:#fff;
display:none;
}

.detay-button-iki a{
color:#fff;
text-decoration:none;
background: linear-gradient(90deg, #ff5722, #f44336);
text-align:center;
padding:15px 0;
display:block;
border-radius:5px;
}

.detay-button-iki a:hover{
background: linear-gradient(90deg, #f44336, #ff5722);
}
 
#content{
overflow:hidden;
min-height:500px;
background-color:#1a1d26;
}

#mome{
display:none;
position:fixed;
z-index:99999999;
background:#1c2023ad;
overflow:hidden;
top:0;
left:0;
width:100%;
}

.mobile{
width:80%;
height:100vh;
background: linear-gradient(90deg, #0c1013, #1a1d26);
float:right;
box-shadow: -5px 0 20px -5px rgb(0 0 0 / 50%);
overflow:auto
}

#mlogo{
text-align:center;
overflow:hidden;
padding:20px 0
}

#mlogo img{
width:150px;
}

.mkapat{
position:absolute;
right:15px;
top:30px;
background:#bc101c;
height:27px;
width:30px;
line-height:30px;
text-align:center;
color:#fff;
border-radius:50%;
padding:5px 0 0 0;
cursor:pointer;
}

.mkapat i{
font-size:18px;
}

.mmenu{
overflow:hidden;
margin-bottom:20px;
}

.mmenu ul{
margin:0 auto;
overflow:hidden;
list-style:none;
padding:0;
}

.mmenu li{
display:block;
padding:10px;
border-bottom:1px solid #1a1d26;
font-family:poppins;
color:#eee;
}

.mmenu li a{
color:#eee;
text-decoration:none;
display:block;
}

.arama{
overflow:hidden;
border:1px solid #eee;
margin:0 10px 10px 10px;
border:none;
background:#000
}

.arama input{
width:82%;
height:40px;
outline:none;
border:none;
font-family:poppins;
padding-left:2%;
float:left;
background:none;
color:#fff
}

.arama button{
width:14%;
border:none;
float:right;
height:42px;
font-size:24px;
outline:none;
background:none;
color:#fff;
}

.simdiara{
overflow:hidden;
margin-bottom:10px;
border-bottom:1px solid #1a1d26;
}

.araicon{
width:40px;
float:left;
font-size:28px;
padding:10px 5px 10px 5px;
color:#fff;
text-align:center;
}

.arabilgi{
float:left;
overflow:hidden;
font-family:oswald;
font-size:14px;
color:#fff;
}

.arabilgi span{
display:block;
font-size:13px;
font-family:poppins;
}

.menualta{
position:absolute;
bottom:0;
}

.sosyalalt{
overflow:hidden;
margin-bottom:5px;
color:#fff;
}

.sosyalalt span{
display:block;
float:left;
width:33%;
text-align:center;
padding:0 0 5px 0;
font-size:12px;
}

.sosyalalt i{
font-size:24px;
display:block;
}

.sosyalalt span:nth-child(2){
border-left:1px solid #1a1d26;
border-right:1px solid #1a1d26;
}

/*index*/

.content{
width:96%;
margin:0 auto;
overflow:hidden;
}

.home-title{
text-align:center;
color:#fc5129;
font-size:18px;
font-family: 'Righteous', cursive;
padding:40px 0 0 0;
text-shadow:1px 1px 10px #000;
}

.home-title span{
display:block;
font-family:poppins;
font-size:12px;
color:#fff;
}

.cizgi{
width: 220px;
height: 1px;
border-radius: 20%;
transform: skew(0deg,0deg);
background: linear-gradient(to right,#ccc 0%,transparent 100%);
border-radius: 2px;
margin:10px auto;
}

.box-content{
overflow:hidden;
padding:30px 0 10px 0
}

.box{
width:100%;
float:none;
color:#fff;
background: linear-gradient(0deg, #0c1013, #1a1d26);
padding:10px;
margin:0 .5%;
border-radius:8px;
border:1px solid #0c1013;
margin-bottom:20px;
}

.box:hover{
box-shadow: 0px 2px 10px 1px rgb(0 0 0  / 25%);
}

.box img{
width:100%;
border-radius:5px;
}

.box:hover img{
opacity:0.9
}

.box h1{
margin:0 auto;
padding:0;
font-weight:normal;
font-size:14px;
font-weight:600;
padding:10px 0 0 0;
min-height:24px;
text-align:center;
}

.box-text{
font-size:13px;
color:#eee;
overflow:hidden;
min-height:inherit
}

.box a{
color:#fff;
text-decoration:none;
}

#orta-serit{
background: linear-gradient(90deg, #ff5722, #f44336);
margin-top:50px;
margin-bottom:0px;
}

.serit{
overflow:hidden;
color:#fff;
padding:20px 0;
}

.serit-text{
float:left;
overflow:hidden;
width:100%;
font-size:25px;
font-family: 'Righteous', cursive;
text-align:center;
margin-bottom:30px;
}

.serit-text span{
display:block;
font-size:12px;
font-family:poppins;
}

.serit-phone{
float:none;
overflow:hidden;
color:#fff;
padding:10px 70px;
border-radius:10px;
text-align:center;
background:#1a1d26;
clip-path: polygon(0% 0,100% 0,100% 100%,0 100%);
}

.serit-phone span{
display:block;
font-size:12px;
font-weight:600;
text-shadow:1px 1px 5px #333;
}

.faq-content{
padding:40px 0 40px 0;
overflow:hidden;
width:96%;
margin:0 auto;
}

.faq-img{
float:none;
width:100%;
overflow:hidden;
}

.faq-img img{
width:100%;
height:500px;
object-fit:cover;
border-radius:10px;
}

.faq{
width:100%;
overflow:hidden;
float:none;
margin-bottom:20px;
}

.faq-q{
cursor: pointer; 
background:#f1f5f9;
font-weight:500;
background: linear-gradient(90deg, #0b0e13, #1a1d26);
color:#ccc;
margin-bottom:5px;
transition: color 0.2s ease-in-out;
}

.faq-q:hover{
color:#f44336;
}

.faq-a{
display: none;
margin-top: 5px;
font-size:13px;
color:#ccc;
padding:10px 10px 10px 10px;
border-top:1px solid #1a1d26;
}

.faq-q span{
display:block;
padding:10px 10px 7px 10px;
font-weight:600
}


#footer{
overflow:hidden;
min-height:inherit;
background: linear-gradient(90deg, #0c1013, #1a1d26);
border-top:1px solid #0c1013
}

#copy{
background-color:#1a1d26;
overflow:hidden;
text-align:center;
color:#ccc;
padding:10px 0
}

.footer{
overflow:hidden;
margin:0 auto;
width:96%;
padding:30px 0 0 0
}

.fbox{
width:100%;
float:left;
padding:0 1% 0 0;
overflow:hidden;
color:#ccc;
margin-bottom:20px;
}

.fbox img{
width:160px;
display:block;
margin:0 auto;
margin-bottom:20px;
}

.fbox em{
font-style:normal;
font-size:12px;
display:block;
text-align:center;
}

.fbox b{
display:block;
float:left;
font-weight:normal;
font-size:24px;
width:33%;
padding:15px 0 0 0;
text-align:center;
}

.fbox span{
font-weight:600;
display:block;
margin-bottom:0px;
color:#fc5129;
}

.fbox ul{
margin:0 auto;
list-style:none;
padding:0;
}

.fbox li{
padding:5px 0;
color:#eee;
}

/*alt sayfalar*/
.breadcumb{
overflow:hidden;
background:#000;
padding:20px 0;
text-align:center;
color:#fff;
box-shadow: 0px 2px 10px 1px rgb(0 0 0  / 55%);
font-family: 'Righteous', cursive;
font-size:24px;
}

.text-content{
padding:20px;
background:#0c1013;
color:#fff;
margin:20px 0 0 0;
overflow:hidden;
border-radius:10px;
min-height:400px;
}

.text-left{
width:100%;
float:none;
overflow:hidden;
line-height:24px;
}

.img-right{
float:right;
width:100%;
margin-top:20px;
}

.img-right img{
width:100%;
border-radius:10px;
margin-bottom:20px;
}

.text-left h1{
margin:0 auto;
padding:20px 0;
font-size:24px;
color:#45f882;
font-weight:500;
}

.text-left ol{
margin:0 auto;
list-style:none;
padding:0;
}

.text-left li{
padding:5px 0;
}

.text-left strong{
color:#ffa78b;
font-weight:500;
}

/*fiyatlar*/
.price-box-container {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;

}

.price-box {
background-color: #1c1c1c;
border: 2px solid #000;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 20px 0;
width: 100%;
text-align: center;
}

.price-box h3 {
margin: 0;
color: #45f882;
font-size: 24px;
}

.price-box .price {
font-size: 32px;
color: #333333;
margin: 10px 0;
color:#fff;
font-weight:600;
}

.price-box ul {
list-style: none;
padding: 0;
margin: 0;
}

.price-box ul li {
margin: 10px 0;
color: #fff;
}

.price-box button {
background-color: #007bff;
color: #ffffff;
border: none;
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
margin-top:20px;
}

.price-box button:hover {
background-color: #0056b3;
}

.extra-text h1{
margin:0 auto;
padding:10px 0;
font-size:22px;
font-weight:500;
color:#45f882;
}

.extra-text strong{
color:#ffa78b;
font-weight:400;
}

.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 10px;
}

.gallery img {
width: 100%;
height: auto;
border-radius: 8px;
cursor: pointer;
transition: transform 0.3s;
}

.gallery img:hover {
transform: scale(1.05);
}

/* Lightbox Styling */
.lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
}

.lightbox img {
max-width: 90%;
max-height: 80%;
border-radius: 8px;
}

.lightbox .close {
position: absolute;
top: 20px;
right: 30px;
color: white;
font-size: 30px;
font-weight: bold;
cursor: pointer;
}

.iletisim-bilgi{
width:100%;
float:none;
}

.iletisim-bilgi span{
display:block;
background:#1c1c1c;
padding:10px;
margin-bottom:10px;
}

.iletisim-bilgi em{
display:block;
float:left;
width:70px;
font-style:normal;
font-weight:600;
}

.iletisim-harita{
width:100%;
float:none;
}

.iletisim-title{
color:#9bf79e;
font-size:16px;
padding:0px 0 10px 0;
text-shadow:1px 1px 10px #000;
font-weight:normal;
}
}