@media all and (min-width: 320px) and (max-width: 768px) {


nav .cd-primary-nav { color: #fff; }
nav .cd-primary-nav .KonutmatikMenu .red { color: #ff6a6d; }
nav .cd-primary-nav .KonutmatikMenu .yellow { color: #ebb976; }
nav .cd-primary-nav .KonutmatikMenu .Lightyellow { color: #fce2bd; }
nav .cd-primary-nav .KonutmatikMenu .blue { color: #7697eb; }
nav .cd-primary-nav .KonutmatikMenu .Lightblue { color: #c1d2ff; }
nav .cd-primary-nav .KonutmatikMenu { display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; max-width: 90%; margin: 0vh auto 0px; gap: 20px;}
nav .cd-primary-nav .KonutmatikMenu .TopLeft { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; text-align: left; gap: 20px; }
nav .cd-primary-nav .KonutmatikMenu .TopLeft h1 { font-size: 35px; font-family: Sf-Heavy;}
nav .cd-primary-nav .KonutmatikMenu .TopLeft h3 { font-size: 18px; font-family: Sf-Semibold;}
nav .cd-primary-nav .KonutmatikMenu .TopLeft p { font-size: 18px; width: 90%; margin-top: 20px;}
nav .cd-primary-nav .KonutmatikMenu .TopLeft .MenuBaslik { }
nav .cd-primary-nav .KonutmatikMenu .TopLeft .MenuBaslik ul{ }
nav .cd-primary-nav .KonutmatikMenu .TopLeft .MenuBaslik ul li { font-size: 20px; }

nav .cd-primary-nav .KonutmatikMenu .TopRight { display: flex; flex-direction: column; justify-content: flex-start; width: 100%; text-align: left; gap: 20px; }
nav .cd-primary-nav .KonutmatikMenu .TopRight .Kalip { }
nav .cd-primary-nav .KonutmatikMenu .TopRight h1 {  font-size: 35px; font-family: Sf-Heavy;}
nav .cd-primary-nav .KonutmatikMenu .TopRight h3 { font-size: 18px; font-family: Sf-Semibold;}
nav .cd-primary-nav .KonutmatikMenu .TopRight p { font-size: 18px; width: 90%; margin-top: 20px;}

nav .cd-primary-nav .KonutmatikMenu .BottomLeft { display: flex; justify-content: flex-start; flex-direction: column; width: 100%; text-align: left; gap: 20px; margin: 30px 0px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .Kalip { display: flex;  flex-direction: row; gap: 40px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .Kalip .left { display: flex;  flex-direction: row;  align-items: center; gap: 10px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .Kalip .left p{ font-size: 18px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .Kalip .left img { width: 40px;  }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .Kalip .right { display: flex;  flex-direction: row;  align-items: center; gap: 10px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .Kalip .right p { font-size: 18px;}
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .Kalip .right img { width: 30px;  }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .KalipIcon .Icons { display: flex;  flex-direction: row;  gap: 10px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .KalipIcon h3 { font-size: 18px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .KalipIcon { display: flex;  flex-direction: column; gap: 10px; margin-top: 20px; }
nav .cd-primary-nav .KonutmatikMenu .BottomLeft .KalipIcon .Icons img { width: 111px; }


nav .cd-primary-nav .KonutmatikMenu .BottomRight { display: flex; justify-content: flex-start; width: 100%; text-align: left; gap: 20px; flex-direction: column; }
nav .cd-primary-nav .KonutmatikMenu .BottomRight .Cizgi { background-color: #fff; width: 100%; height: 2px; margin:0px 0px 10px; }
nav .cd-primary-nav .KonutmatikMenu .BottomRight .KalipIcon .Icons { display: flex;  flex-direction: row;  gap: 15px; }
nav .cd-primary-nav .KonutmatikMenu .BottomRight .KalipIcon h3 { font-size: 18px; }
nav .cd-primary-nav .KonutmatikMenu .BottomRight .KalipIcon { display: flex;  flex-direction: column; gap: 15px; }
nav .cd-primary-nav .KonutmatikMenu .BottomRight .KalipIcon .Icons img { width: 25px; }



    * { -webkit-overflow-scrolling: touch}
    
    .container {width:100%;max-width:100%;min-width:100%;margin:0 auto;text-align:center}
    
    .swiper-container{width:100%;height:auto;  overflow: hidden;}
    .swiper-slide{font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
    .swiper-slide img{width:100%; height:80vh; object-fit: cover;}
    .swiper-slide video{width:100%; height:80vh; object-fit: cover; object-position: left;}
    .swiper-container{margin-left:auto;margin-right:auto}
    
    .swiper-slide { width: 100%; display: flex; flex-direction: column !important; justify-content: center; align-items: center;}
    .swiper-slide .left { width: 100%; height: auto; height: 50vh; }
    .swiper-slide .right { width: 100%; height: 50vh; display: flex;}
    .swiper-slide .right .BannerIcerik { display: flex; flex-direction: column; justify-content: flex-start; padding-top: 5vh; align-content:center;  color: #fff; align-items: center; }
    .swiper-slide .right .BannerIcerik h1 { font-size: 25px; width: 80%; font-family: Sf-Semibold; letter-spacing: -1px; line-height: 1.1; }
    .swiper-slide .right .BannerIcerik h4 { font-size: 16px; margin-top: 20px; width: 80%; letter-spacing: -1px; line-height: normal; }
    .swiper-slide  .blue { background-color: #0000e1; }
    .swiper-slide  .purp { background-color: #3f29b3; }
    .swiper-slide  .red { background-color: #f31746; }
    .swiper-pagination { z-index: 1 !important;}
    .swiper-button-next, .swiper-button-prev { z-index: 1 !important;}
    
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { right: 29vw !important; width: auto !important; top: 75vh !important; left: auto !important; }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { width: 40px !important; border-radius: 0px !important; height: 4px !important; background-color: #fff !important;}
    .swiper-pagination-bullet-active { background-color: #fff !important;}
    



 .OrmanRuhu { background: url(../img/Orman-Ruhu-BG.jpg); width: 100%; height: 570px; object-fit: cover; background-size: cover; background-position: center; margin-top: -5px; }
 .OrmanRuhu .kalip { max-width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .OrmanRuhu .kalip .Icerik { width: 100%; text-align: center; margin-top: 5vh; }
 .OrmanRuhu .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #fff; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
 .OrmanRuhu .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .OrmanRuhu .kalip .Icerik p { color: #fff; font-size: 15px; width: 90%; text-align: center; margin: 30px auto 0px;}
 .OrmanRuhu .kalip .Icerik img {width: 50px; margin: 50px auto; }
 .OrmanRuhu .kalip img {width: 90%;  }

.MustakilKonfor {width: 100%; height: 500px;}
.MustakilKonfor .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.MustakilKonfor .kalip .Icerik { width: 100%; text-align: center; margin-top: 120px; margin-bottom: 5vh; }
.MustakilKonfor .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #007c7a; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
.MustakilKonfor .kalip .Icerik p { color: #007c7a; font-size: 15px; width: 90%; text-align: center; margin: 30px auto 0px;}
.MustakilKonfor .kalip img {width: 90%;  }

 

 .HerDetayMukemmel { width: 100%; height: 550px; background-color: #282b3a; }
 .HerDetayMukemmel .kalip { max-width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .HerDetayMukemmel .kalip .Icerik { width: 100%; text-align: center; margin-top: 120px; margin-bottom: 5vh; }
 .HerDetayMukemmel .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #aca49f; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
 .HerDetayMukemmel .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .HerDetayMukemmel .kalip .Icerik p { color: #aca49f; font-size: 15px; width: 90%; text-align: center; margin: 30px auto 0px;}
 .HerDetayMukemmel .kalip .Icerik img {width: 66px; margin: 50px auto; }
 .HerDetayMukemmel .kalip img {width: 100%;  }

.IkiliTipOverlay{position:relative;display:block;width:100%;max-width:100%;margin:40px auto;}
.IkiliTipOverlay img{width:90%; height: 600px; object-fit: cover; display:block;}
.IkiliTipOverlay .overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 12%;color:#fff;}
.IkiliTipOverlay .col{text-align:center;width:45%;}
.IkiliTipOverlay h5{font-size:26px;letter-spacing:2px;text-transform:uppercase;}
.IkiliTipOverlay h2{font-size:140px;line-height:1;margin:20px 0;}
.IkiliTipOverlay .btn{display:inline-block;padding:14px 36px;background:rgba(255,255,255,.35);color:#fff;border-radius:3px;backdrop-filter:saturate(120%) blur(2px);} 
.IkiliTipOverlay .btn:hover{background:rgba(255,255,255,.5);} 
.IkiliTipOverlay .divider{width:90%;height:2px;background:rgba(255,255,255,.65);} 

@media (max-width:1200px){
  .IkiliTipOverlay h2{font-size:110px}
}
@media (max-width:900px){
  .IkiliTipOverlay{margin:20px auto}
  .IkiliTipOverlay .overlay{padding:0 8%}
  .IkiliTipOverlay h2{font-size:86px}
  .IkiliTipOverlay h5{font-size:20px}
}
@media (max-width:680px){
  .IkiliTipOverlay .overlay{flex-direction:column;gap:50px;justify-content:center}
   .IkiliTipOverlay .col{width:100%}
  .IkiliTipOverlay h2{font-size:64px}
}






 .SeckinVilla { background: url(../img/Seckin-Villa-BG.jpg); width: 100%; height: 880px; object-fit: cover; background-size: cover; background-position: top; }
 .SeckinVilla .kalip { max-width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .SeckinVilla .kalip .Icerik { width: 100%; text-align: center; margin-top: 530px; }
 .SeckinVilla .kalip .Icerik h3 { display: flex; flex-direction: row; justify-content: center; color: #282b3a; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
 .SeckinVilla .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .SeckinVilla .kalip .Icerik p { color: #282b3a; font-size: 15px; width: 90%; text-align: center; margin: 30px auto 0px;}
 .SeckinVilla .kalip .Icerik img {width: 50px; margin: 40px auto; }
 .SeckinVilla .kalip img {width: 90%; margin: 0 auto;  }

.GaleriButton{position:relative;display:inline-block;}
.GaleriButton img{display:block;}
.GaleriButton .label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25px;color:#fff;pointer-events:none;}
.GaleriButton::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:0;transition:opacity .25s ease; width: 80%; margin: 0 auto;}
.GaleriButton::after{content:"";position:absolute;inset:12px;border:2px solid #fff;opacity:0;transition:opacity .25s ease; width: 80%; margin: 0 auto;}
.GaleriButton:hover::before{opacity:1; }
.GaleriButton:hover::after{opacity:1;}


.SosyalYasam {width: 100%; height: 800px;}
.SosyalYasam .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.SosyalYasam .kalip .Icerik { width: 100%; text-align: center; margin-top: 90px; margin-bottom: 5vh; }
.SosyalYasam .kalip .Icerik p { color: #938f8c; font-size: 15px; width: 85%; text-align: center; margin: 60px auto 0px;}
.SosyalYasam .kalip img {width: 90%;  }

.SosyalYasam .kalip .SosyalDonati {}
.SosyalYasam .kalip .SosyalDonati .kalip { width: 100%; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap:30px }
.SosyalYasam .kalip .SosyalDonati .kalip .box {}
.SosyalYasam .kalip .SosyalDonati .kalip .box img { height: 50px; width: auto;}
.SosyalYasam .kalip .SosyalDonati .kalip .box p { width: 103px; color: #938f8c; margin-top: 10px;}
  
 
.Bulut { margin-top: 350px; display: none; }
.Bulut .kalip {}
.Bulut .kalip img{ width: 100%; } 



.OrmanIci { background: url(../img/Anka-Vadi-Orman.jpg); width: 100%; height: 750px; object-fit: cover; background-size: cover;background-position: top;margin-top: 0px; }
.OrmanIci .kalip { max-width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.OrmanIci .kalip .Icerik { width: 100%; text-align: center; margin-top: 120px; }
.OrmanIci .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #1d200e; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
.OrmanIci .kalip .Icerik h2 { font-size: 35px; color: #1d200e; } 
.OrmanIci .kalip .Icerik p { color: #1d200e; font-size: 15px; width: 90%; text-align: center; margin: 30px auto 0px;}
.OrmanIci .kalip .Icerik img {width: 66px; margin: 50px auto; }
.OrmanIci .kalip img {width: 80%;  }


/* Grid */
.GaleriKalip { background-color: #000; padding: 5vh auto;}
.GaleriKalip h3 {width: 100%; padding: 5vh  0px; font-size: 25px;  text-align: center; color: #fff; }
.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:10px;max-width:90%;margin:0 auto; padding: 0vh 0px 7vh;}
.galleryGrid .thumb{position:relative;display:block;height:100%;overflow:hidden;border-radius:6px;}
.galleryGrid .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s ease;}
.galleryGrid .thumb::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);opacity:0;transition:opacity .25s ease;}
.galleryGrid .thumb::after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);color:#fff;font-size:36px;line-height:1;opacity:0;transition:opacity .25s ease;}
.galleryGrid .thumb:hover img{transform:scale(1.03);opacity:.85;}
.galleryGrid .thumb:hover::before{opacity:1;}
.galleryGrid .thumb:hover::after{opacity:1;}
/* Büyük ilk görsel gibi kareyi büyütmek için */
.galleryGrid .span2x2{grid-column:span 2;grid-row:span 2;}
/* Responsive */
@media(max-width:1000px){.galleryGrid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}}
@media(max-width:640px){.galleryGrid{grid-template-columns:2,1fr;grid-auto-rows:220px}.galleryGrid .span2x2{grid-column:span 1;grid-row:span 1}}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:9999;}
.lightbox.open{display:flex;}
.lb-stage{position:relative;max-width:min(92vw,1400px);max-height:86vh;display:flex;align-items:center;justify-content:center;}
.lb-stage img{max-width:100%;max-height:86vh;display:block;object-fit:contain;}
.lb-prev,.lb-next,.lb-close{position:absolute;top: auto; bottom: 5vh;transform:translateY(-50%);border:0;background:rgba(255,255,255,.18);color:#fff;font-size:46px;line-height:1;width:54px;height:54px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:saturate(120%) blur(2px);}
.lb-prev{left:24px;} .lb-next{right:24px;}
.lb-close{top:24px;right:24px;transform:none;font-size:38px;}
.lb-prev:hover,.lb-next:hover,.lb-close:hover{background:rgba(255,255,255,.3);}
.lb-counter{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;letter-spacing:2px;opacity:.9;}
@media(max-width:640px){.lb-prev,.lb-next{width:46px;height:46px;font-size:34px}}



.GaleriBanner { width: 100%; height: 80vh;}
.GaleriBanner img{ height: 80vh; width: 100%;  object-fit: cover;}
.GaleriBanner{width:100%;height:80vh;position:relative;}
.GaleriBanner video{height:80vh;width:100%;object-fit:cover;display:block;}
.GaleriBanner .mobile{display:none;}
@media(max-width:768px){
  .GaleriBanner{height:60vh}
  .GaleriBanner video{height:60vh}
  .GaleriBanner .desktop{display:none}
  .GaleriBanner .mobile{display:block}
}

.HomeBanner { width: 100%; height: 80vh;}
.HomeBanner img{ height: 80vh; width: 100%;  object-fit: cover;}
.HomeBanner{width:100%;height:80vh;position:relative;}
.HomeBanner video{height:80vh;width:100%;object-fit:cover;display:block;}
.HomeBanner .mobile{display:none;}
@media(max-width:768px){
  .HomeBanner{height:80vh}
  .HomeBanner video{height:80vh}
  .HomeBanner .desktop{display:none}
  .HomeBanner .mobile{display:block}
}



.LuksYasam { background-color: #e1e0dd; padding: 3vh 0px;  width: 100%; }
 .LuksYasam .kalip { max-width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
 .LuksYasam .kalip .Icerik { width: 100%; text-align: center; margin-top: 5vh; }
 .LuksYasam .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #282b3a; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
 .LuksYasam .kalip .Icerik h3 span {font-family: Optima-italic;} 
 .LuksYasam .kalip .Icerik p { color: #282b3a; font-size: 15px; width: 90%; text-align: center; margin: 30px auto 0px;}
 .LuksYasam .kalip .Icerik img { width: 60px; margin-top: 3vh;}




.VaziyetPlan {width: 100%; background-color: #858482; padding: 7vh 0px; }
.VaziyetPlan .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.VaziyetPlan .kalip .Icerik { width: 100%; text-align: center; }
.VaziyetPlan .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #282b3a; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
.VaziyetPlan .kalip .Icerik p { color: #282b3a; font-size: 15px; width: 90%; text-align: center; margin: 30px auto 0px;}
.VaziyetPlan .kalip img {width: 90%; margin-top: 3vh;  } 
 

.GaleriOrman {width: 100%; overflow: hidden; }
.GaleriOrman img { width: 300%; margin-bottom: -20px; margin-left: -100vw; }

 

.GoogleBanner { }
.GoogleBanner .kalip{ margin-bottom: -20px;}
.GoogleBanner .kalip iframe{ height: 500px !important;}
.GoogleBanner .kalip img.KatalogGorsel{ margin-top: 85px;}



.LokasyonDetay {width: 100%; background-color: #e1e0dd; padding: 7vh 0px; }
.LokasyonDetay .kalip { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.LokasyonDetay .kalip .Icerik { width: 100%; text-align: center; }
.LokasyonDetay .kalip .Icerik h3 { display: flex; flex-direction: column; justify-content: center; color: #282b3a; align-items: center; font-size: 25px; width: 85%; text-align: center; margin: 0 auto;} 
.LokasyonDetay .kalip .Icerik p { color: #282b3a; font-size: 15px; width: 90%; text-align: center; margin: 15px auto 0px;}
.LokasyonDetay .kalip ul { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; margin-top: 3vh; width: 100%; text-align: center;  } 
.LokasyonDetay .kalip ul li {    } 
.LokasyonDetay .kalip ul li img { width: 80%; } 
.LokasyonDetay .kalip ul li img.tekicon { width: 30%; } 



.AnkaVadiDairePlani { margin-bottom: -20px;}
.AnkaVadiDairePlani .kalip { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-content: center; }
.AnkaVadiDairePlani .kalip .left { width: 100%; margin-bottom: -10px; }
.AnkaVadiDairePlani .kalip .left img { width: 100%;}
.AnkaVadiDairePlani .kalip .right { width: 100%; background-color: #e1e0dd; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; align-items: center; }
.AnkaVadiDairePlani .kalip .right .kalip { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; align-items: center; text-align: center; gap: 30px; padding: 5vh 0px; }
.AnkaVadiDairePlani .kalip .right .kalip .Gorsel {}
.AnkaVadiDairePlani .kalip .right .kalip .Gorsel img{ width: 90%; }
.AnkaVadiDairePlani .kalip .right .kalip .icerik {}
.AnkaVadiDairePlani .kalip .right .kalip .icerik p { font-size: 15px; width: 90%; margin: 0 auto;}


.AnkaVadiDairePlaniGorsel { background-color: #bab8b4; padding: 5vh 0px;  }
.AnkaVadiDairePlaniGorsel .kalip {width: 100%;  margin: 0 auto; text-align: center;}
.AnkaVadiDairePlaniGorsel .kalip img{ width: 90%; text-align: center; margin: 0 auto; }





footer { background: url(../img/Footer-BG.jpg); width: 100%; height: 700px; object-fit: cover; background-size: cover;background-position: top;}
footer .container  {  padding-top: 5vh; }
footer .container .FooterLogo {  }
footer .container .FooterLogo img { width:35%; }

footer .container .FooterMenu { margin:40px auto; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; width: 100%; }
footer .container .FooterMenu ul.menu { display: flex; flex-direction: row; gap: 19px; font-size: 16px; width: 100%; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center}
footer .container .FooterMenu ul.menu li { display: flex; flex-direction: row; flex-wrap: wrap; margin:0px 0px; width: 35%; text-align: center; justify-content: center; }
footer .container .FooterMenu ul.footerwriteus { display: inline-block; margin: 0px 19px;}
footer .container .FooterMenu ul.footerwriteus li { color:#fff; }
 footer .container .FooterMenu ul.footersosyal { display: block; margin-top: 6vh;}
footer .container .FooterMenu ul.footersosyal li { display: inline-block; margin:0px 10px; color:#848e94; vertical-align: middle;}
footer .container .FooterMenu ul.footersosyal li img { height:25px; display: inline-block; vertical-align: middle;}

 footer .container .FooterMenu ul.footerwhatsapp { margin-top: 4vh;}
 footer .container .FooterMenu ul.footerwhatsapp li p { color: #ffffff; font-size: 13px; letter-spacing: 3px;}


footer .container .FooterMenu ul.menu li  a { color:#b7b3ad; }
footer .container .FooterMenu ul.menu li  a:link { color:#b7b3ad; font-size: 15px; }
footer .container .FooterMenu ul.menu li  a:visited { color:#b7b3ad; }
footer .container .FooterMenu ul.menu li a:hover { color:#fff; }


.KriptonCopyright { padding: 7vh 0px 0px; z-index: 9; bottom: 1vh; top: auto; width: 100%; color: #a0a196; }
.KriptonCopyright p { width: 90%; margin: 0 auto; }

.footer-extra { padding: 3vh 0px 0px; z-index: 9; padding-bottom: 20px; bottom: 1vh; top: auto; width: 100%; color: #a0a196; }
.footer-extra span{ color: #ffffff; letter-spacing: 3px; margin-top: 5px; }

    
      
     
    }