:root { --primary-color: #8c8c8c;  --secondary-color:#c6a959; --passive-color:#eee; --dark-color:#313131; --fancybox-accent-color: var(--primary-color);--primary-gradient:radial-gradient(circle, rgba(198,169,89,1) 0%, rgba(146,118,40,1) 100%);  --gap:30px; }
html {scroll-behavior: smooth;}
::selection {background-color: var(--primary-color); color: #fff; }
body {font-family: 'Roboto', sans-serif;overflow-x: hidden; color: #fff;}body.ovh {overflow: hidden;}
img {max-width: 100%;}  h1 {font-size: 26px;}h2 {font-size: 24px;} h3 {font-size: 22px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 17px;}
a {text-decoration: none;color: var(--primary-color);transition: 0.3s ease all;} a:hover {color: var(--secondary-color);transition: 0.3s ease all;}
.form-control:focus {box-shadow: unset;border-color: var(--primary-color);}
.form-check-input:checked {box-shadow: unset; background-color: var(--secondary-color);border-color: var(--secondary-color);}
.btn {border-radius: 5px;background: transparent;border: 1px solid;padding: 8px 16px;color: var(--secondary-color);box-shadow: unset !important;transition: 0.3s ease all;}
.btn:hover { background: var(--primary-gradient); color: #fff;border-color: var(--secondary-color);transition: 0.3s ease all;}
#back-to-top {display: flex; width: 40px; height: 40px;background: var(--primary-color); color: #fff; justify-content: center; align-items: center;border-radius: 5px 0 0 5px;opacity: 0;visibility: hidden; position: fixed;right: 0; bottom: -15px; font-size: 22px; line-height: 1;cursor: pointer; transition: 0.3s ease all;z-index: 2;}
#back-to-top.show {bottom: 15px; opacity: 1;visibility: visible; transition: 0.3s ease all; }
#back-to-top:hover {background: var(--secondary-color);}
#sticky-wp {display: none;}
.cookies {position: fixed;z-index: 9999;max-width: 370px;bottom: 10px;left: 10px;border: unset;color: var(--dark-color); box-shadow: 0 0 50px -20px rgba(0, 0, 0, 0.5);}
.cookies .card-body {padding: 10px;font-size: 0.95rem;}
.cookies .card-body .agree {display: block;margin-top: 10px;}
.container {padding: 0 15px;}
/**/
.top-header {padding: 20px 0 0px 0;background: var(--dark-color);}
.top-header ul{display: flex;flex-wrap: wrap;gap: 0 20px;list-style: none;margin: 0;padding: 0;justify-content: flex-end;align-items: center;}
.top-header ul li a{display: block;color: var(--primary-color);font-size: 14px;}
.top-header ul li.tel:not(:last-child) {border-right: 1px solid var(--secondary-color);padding-right: 15px;line-height: 1rem;}
.top-header ul li.tel a{color: var(--secondary-color);}
.top-header ul li.tel a i{color: var(--secondary-color);}
.top-header ul li:hover a {color: #fff;}

header {position: relative;z-index: 3;padding-bottom: 30px;background: var(--dark-color);}
header .logo img{filter: invert(1);width: auto;height: 60px;}
header .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end; gap: var(--gap);}
header .container .right{flex: 1;display: flex; justify-content: flex-end;align-items: center;}
header .container .right .menu > ul{display: flex;gap: var(--gap);font-size: 15px;list-style: none;margin: 0;padding: 0;justify-content: flex-end;}
header .container .right .menu .con {margin-top: 10px;gap: 15px;}
header .container .right .menu .con li a{display: block;font-weight: 300;line-height: 16px;}
header .container .right .menu .con li:not(:last-child) {border-right: 1px solid var(--passive-color);padding-right: 15px;}
header .container .right .menu .con li a i{color: var(--secondary-color);font-size: 16px;}
header .container .right .search{flex: 1; margin: auto;max-width: 400px;}
header .container .right .search .form-group{display: flex;}
header .container .right .search .form-group .form-control{border-radius: 10px 0 0 10px;border-right: unset;padding: 8px 16px;}
header .container .right .search .form-group .btn{border-radius: 0 10px 10px 0;}

.mobilMenu {display: none;}

#menu > ul {display: flex; margin: 0; padding: 0;list-style: none;border-radius: 0 15px 15px 0; gap: 30px; border-width: 1px 0; border-color:#7b7050; border-style: solid;}
#menu > ul > li > a {display: block;padding: 5px; color: var(--primary-color);text-transform: uppercase;}
#menu > ul > li:hover a {color: var(--secondary-color);}
#menu > ul > li.talep a {background: var(--secondary-color);color: #fff;padding: 6px 15px;border-radius: 17px; background: var(--primary-gradient);margin: -1px -1px -1px 0;}

.slick-slider .slick-arrow {font-size: 0;padding: 0;background: var(--primary-color);color: #fff; border: unset;}
.slick-slider .slick-arrow::before {display: inline-block;font-size: 16px; font-family: bootstrap-icons !important;font-style: normal; font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1; vertical-align: -.125em;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-slider .slick-arrow.slick-disabled {opacity: 0.3;}
.slick-slider .slick-arrow.slick-prev::before {content: "\f284";}
.slick-slider .slick-arrow.slick-next::before {content: "\f285";}

.homeSlider {position: relative;padding: 10px 0;background: var(--dark-color);}
.slider:not(.slick-slider) .item:nth-child(n+2) { display: none;}
.slider .item .image {flex: 6;overflow: hidden;border-radius: 5px;}
.slider .item img {width: 100%; height: 100%;object-fit: cover;min-height: 300px;}
.slider .item {position: relative;display: flex;flex-wrap: wrap;gap: var(--gap);}
.slider .item .btn{border: 1px solid var(--secondary-color);color: #fff; padding: 8px 24px;}
.slider .item .desc{display: flex;flex: 3;padding: 15px;align-items: center;}
.slider .item .desc span.b{color: #fff;max-width: 100%;font-family: "Georgia", Times, serif; overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;width: 100%;font-size: 36px; font-weight: 600; line-height: 50px;opacity: 0;-webkit-opacity: 0;transition: .3s ease all; -moz-transition: .3s ease all;-webkit-transition: .3s ease all;}
.slider .item .desc p.b{font-size: 20px; max-width: 100%; opacity: 0;font-weight: 300;color: #fff; margin: 0 0 15px 0; -webkit-opacity: 0;  overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;transition: .3s ease all; -moz-transition: .3s ease all;-webkit-transition: .3s ease all;}

@keyframes yukariKay { 0% {  opacity: 0;-webkit-opacity: 0; -webkit-transform: translateY(300px); transform: translateY(300px); } 100% { opacity: 1; -webkit-opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}}
@-webkit-keyframes yukariKay { 0% {  opacity: 0;-webkit-opacity: 0; -webkit-transform: translateY(300px); transform: translateY(300px); } 100% { opacity: 1; -webkit-opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}}

.slider .slick-active .desc span.b { animation-name: yukariKay; animation-duration: 2s; opacity: 1;  -webkit-opacity: 1;}
.slider .slick-active .desc p.b { animation-name: yukariKay; animation-duration: 2.5s;  opacity: 1; -webkit-opacity: 1;}
.slider .slick-active .desc .btn { animation-name: yukariKay; animation-duration: 3s;  opacity: 1; -webkit-opacity: 1;}

.slider .slick-arrow {position: absolute; z-index: 2; width: 40px; height: 40px;bottom: 0; color: #fff; background: unset; border: 1px solid rgb(255, 255, 255 , 0.5);border-radius: 50%;transition: 0.3s ease all; -webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
.slider .slick-arrow:hover {background: var(--secondary-color);color: #fff;border-color: var(--secondary-color);}
.slider .slick-arrow::before {font-size: 20px;} 
.slider .slick-next{right: 0px;}
.slider .slick-prev{right: 50px;}
.slick-dots {position: absolute;left:67%;bottom: 10px;margin: auto; padding: 0; display: flex;flex-wrap: wrap;gap: 10px; width: max-content;}
.slick-dots li {display: block; list-style: none;}
.slick-dots li button{display: block;width: 12px;height: 12px;border-radius: 5px; font-size: 0; padding: 0; border: 2px solid; background:unset;color: #fff; transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
.slick-dots li.slick-active button{width: 24px;color: var(--secondary-color); transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}

.productCategory {background: linear-gradient(270deg, var(--passive-color) 0%, var(--passive-color) 50%, var(--dark-color) 50%, var(--dark-color) 100%); padding: 50px 0;}
.categoryList {display: grid;grid-template-columns: repeat(2 , 1fr);gap: 30px;}
.categoryList .category{padding: 30px;}
.categoryList .category:nth-child(2n) .head{color: var(--dark-color);}
.categoryList .category .head {text-align: center;margin-bottom: 30px;}
.categoryList .category .head p {margin: 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;}
.categoryList .category .image {overflow: hidden;border-radius: 10px;position: relative;box-shadow: 0 0 15px -15px rgba(0, 0, 0, 0.5);}
.categoryList .category .image img{width: 100%;height: 100%;transform: scale(1);image-rendering: -moz-crisp-edges;image-rendering: -moz-crisp-edges;  image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;transition: 2s ease all;}
.categoryList .category .image a::before {content: "";z-index: 1; position: absolute; right: 0; width: auto; height: 50%; background: var(--primary-gradient); opacity: 0.95;transition: 0.3s ease all; clip-path: polygon(100% 0px, 100% 100%, 100% 100%, 0% 100%); top: 100%;aspect-ratio: 1 / 1;} 
.categoryList .category .image a::after {content: "\F135";z-index: 2; font-size: 50px;color: #ffff;position: absolute; right: 100px;bottom: 20px;display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: 0s; opacity: 0;} 
.categoryList .category .image:hover img{transform: scale(1.05);transition: 2s ease all;}
.categoryList .category .image:hover a::before {min-width: 100px;top: 50%; transition: 0.3s ease all;} 
.categoryList .category .image:hover a::after {right: 30px;opacity: 1;transition-delay: 0.3s;transition-duration: 0.3s;} 

.bigTitle { display: block;position: relative; margin: 0 auto 20px auto;font-size: 36px; line-height: 46px; width: max-content; max-width: 100%;font-family: "Georgia", Times, serif;}
.productCategory .bigTitle::before {content: "";width: 100%;height: 0;left: 0;top: 50%;border-bottom: 1px solid;position: absolute;}

.homeReferences {padding: 0;color: var(--dark-color);background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, var(--passive-color) 50%, var(--passive-color) 100%);}
.homeReferences .bigTitle {color: var(--dark-color);}
.homeReferences .container{display: flex;flex-wrap: wrap; gap: var(--gap);padding: 50px 15px;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, var(--passive-color) 40%, var(--passive-color) 100%);  }
#bize-yazin{width: calc(40% - calc(var(--gap) / 2));padding: 30px;}
#bize-yazin form {display: flex;flex-wrap: wrap;gap: 20px;}
#bize-yazin form .form-floating{width: calc(50% - 10px);}
#bize-yazin form .form-floating.full , #bize-yazin form .form-check{width: 100%;}
.homeReferences .references{width: calc(60% - calc(var(--gap) / 2));padding: 30px;}
.homeReferences .btn {display: block; margin: auto;width: 100%;max-width: 150px;}
.homeReferences .references .btn{margin-top: 20px;}

.references .gallery .images .image img {filter: grayscale(1);width: 100%; height: 100%;object-fit: cover;transition: 0.3s ease all;}
.references .gallery .images .image:hover img {filter: grayscale(0);transition: 0.3s ease all;}

.homeNews {background: linear-gradient(270deg, var(--passive-color) 0%, var(--passive-color) 50%, var(--dark-color) 50%, var(--dark-color) 100%);padding: 50px 0;}
.homeNews .container{display: flex;flex-wrap: wrap;gap: var(--gap);}
.homeNews .box {padding: 0 30px;width: calc(50% - calc(var(--gap) / 2));}
.homeNews .about p {margin-bottom: 30px; border-left: 3px solid var(--secondary-color);padding-left: 15px;}
.homeNews .box .btn {display: block;width: 100%;max-width: 150px;margin: auto;}
.homeNews .newsBox  {color: var(--dark-color);}
.homeNews .news {display: grid;grid-template-columns: repeat(2 , 1fr);gap: var(--gap);margin-bottom: 20px;}

.new {box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.3);background: #fff;border-radius: 5px;overflow: hidden;}
.new .image{position: relative;overflow: hidden;aspect-ratio: 8 / 5;}
.new .image::before {content: "";z-index: 1; position: absolute;  right: 0;width: auto; height: 50%;background: var(--primary-gradient); opacity: 0.95; transition: 0.3s ease all; clip-path: polygon(100% 0px, 100% 100%, 100% 100%, 0% 100%); top: 100%; aspect-ratio: 1 / 1; }
.new .image::after {content: "\F135";z-index: 2; font-size: 40px;color: #ffff;position: absolute; right: 50px;bottom: 5px;display: inline-block;font-family: bootstrap-icons !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition: 0s; opacity: 0;} 
.new:hover .image::before {min-width: 100px;top: 50%;transition: 0.3s ease all;}
.new:hover .image::after {right: 5px;opacity: 1;transition-delay: 0.3s;transition-duration: 0.3s;} 
.new .title{padding: 10px;}
.new .title span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;}
.pageDetails .new .title span{text-align: center; height: auto;}

.homeNews .news.newSlider {display: block;}
.homeNews .news.newSlider .slick-list {margin: 0 -10px;}
.homeNews .news.newSlider .new {margin: 10px;}

.newSlider .slick-arrow {position: absolute; z-index: 2;width: 40px; height: 40px; bottom: -60px; color: var(--secondary-color); background: unset; border: 1px solid var(--secondary-color); border-radius: 50%; transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all;}
.newSlider .slick-arrow:hover {background: var(--secondary-color);color: #fff;border-color: var(--secondary-color);}
.newSlider .slick-arrow::before {font-size: 20px;} 
.newSlider .slick-next{right: 0px;}
.newSlider .slick-prev{right: 50px;}

footer {padding: 50px 0;background: #1c1c1c;}
footer .container{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
footer .logo {flex: 2;}
footer .logo img{filter: invert(1);width: auto;height: 50px;}
footer .right {flex: 7;}
footer .right .top{border-bottom: 1px solid #7b7050;text-transform: uppercase;}
footer .right .top .sos{gap: calc(var(--gap) / 2);font-size: 18px;}
footer .right > *{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 5px 0;}
footer .right ul{display: flex;flex-wrap: wrap;gap: var(--gap);font-size: 15px; list-style: none;padding: 0;margin: 0;}


.pageTop {padding:30px 0 50px 0; background: var(--secondary-color); background: radial-gradient(circle, rgb(198, 169, 89) 0%, rgb(146, 118, 40) 100%);}
.pageTop .container {display: flex;justify-content: space-between;align-items: center;}
.pageTop .container h1 {font-weight: 300;margin: 0;text-transform: uppercase;}
.pageTop .breadcrumb{margin: 0;}
.pageTop .breadcrumb .breadcrumb-item.active , .pageTop .breadcrumb-item + .breadcrumb-item::before {color: var(--passive-color);}
.pageTop .breadcrumb a {color: #fff;}
  
.pageDetails .container {margin-top: -30px;background: #fff;padding: 30px;border-radius: 5px;color: var(--dark-color);}
.productCategory.pageDetails {padding: 0;}
.productCategory.pageDetails .container{background: unset;color: #fff;}

.pageDetails .news {display: grid;grid-template-columns: repeat(3 , 1fr);gap: var(--gap);}
.pageDetails .box {display: flex;flex-wrap: wrap;gap: var(--gap);}
.pageDetails .box .left {flex: 3;}
.pageDetails .box .left img{border-radius: 5px;}
.pageDetails .box .right {flex: 5;}


.contactPage .b {display: block;margin-bottom: 15px;color: var(--secondary-color);font-size: 20px;}
.contactPage .maps {width: 100%;height: 350px;margin-bottom: 30px;border-radius: 5px;overflow: hidden; }
.contactPage .maps iframe{width: 100%;height: 350px; }

.contactPage.pageDetails .box .left {flex: 5;}
.contactPage .left ul { margin: 0 0 30px 0;padding: 0; list-style: none;}
.contactPage .left ul:last-child { margin: 0;}  
.contactPage .left ul.il li {margin-bottom: 5px;color: var(--primary-color);}
.contactPage .left ul.il li i{width: 26px;display: inline-block;font-size: 18px; color: var(--primary-color);}
.contactPage .left ul.sos {display: flex;flex-wrap: wrap;gap: 30px;}
.contactPage .left ul.sos a{display: block;color: var(--primary-color); font-size: 24px;}
.contactPage .left ul.sos li:hover a {color: var(--secondary-color);}

.contactPage .contactForm {flex: unset; width: 100%;max-width: 550px;margin: 0 0 0 auto; box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);padding: 30px;border-radius: 10px;}
.contactPage .contactForm .form-floating {margin-bottom: 15px;}
.contactPage .contactForm .btn {border-radius: 5px;padding: 10px;width: 100%;max-width: 150px;margin: 10px auto;display: block;}
.contactPage .contactForm .btn::before { content: ""; position: absolute;left: 0; top: 0; width: 0%; height: 100%;background: var(--secondary-color); transition: .3s linear all; -moz-transition: .3s linear all; -webkit-transition: .3s linear all;}
.contactPage .contactForm .btn i {  padding-left: 0px; font-size: 14px; transition: .3s ease all;-moz-transition: .3s ease all;-webkit-transition: .3s ease all;}

.gallery {width: 100%;flex: unset;}
.pageDetails span.b {display: block;font-size: 24px;margin-bottom: 15px;}

.gallery .images {display: grid;grid-template-columns: repeat(5 , 1fr); gap: 20px;}
.gallery .images .image {position: relative; aspect-ratio: 5 / 4;box-shadow: 0 0 11px -10px black;overflow: hidden;border-radius: 5px;}
.gallery .images .image:first-child {grid-column-start: 1; grid-row-start: 1; grid-column-end: 3;grid-row-end: 3;}
.gallery .images .image a::before {content: ""; position: absolute; left: 0; top: 0;width: 100%;height: 100%; background: var(--primary-color); z-index: 2;opacity: 0;visibility: hidden; transition: 0.3s ease all;}
.gallery .images .image a::after {content: "\f62c";display: inline-block;line-height: 1; font-display: block;font-family: bootstrap-icons !important;font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 30px;position: absolute; left: 0;right: 0; top: 0; margin: auto; width: max-content; text-align: center;  color: #fff; z-index: 3;opacity: 0;  visibility: hidden;transition-delay: 0.1s; transition-duration: 0.3s;}
.gallery .images .image img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s ease all;}
.gallery .images .image:hover a::before { opacity: 0.5; visibility: visible;transition: 0.3s ease all; }
.gallery .images .image:hover a::after {opacity: 1; visibility: visible; top: calc(50% - 15px); transition-delay: 0.1s; transition-duration: 0.3s; }



@media (max-width: 1200px) {
    :root{ --gap:20px; }
    .slider .item .desc span.b {font-size: 40px; line-height: 50px;}
    .bigTitle {margin: 0 auto 15px auto;font-size: 36px; line-height: 46px;}
    .categoryList .category {padding: 15px; }
    .categoryList .category .image a::after {font-size: 30px;bottom: 10px; }
    .categoryList .category .image:hover a::after {right: 10px;}

    #bize-yazin , .homeReferences .references {padding: 15px;}
    .homeReferences .container { padding: 30px 15px;}
    .homeNews ,.productCategory{padding: 30px 0;}
    .homeNews .box {padding: 0 15px;}
    .gallery .images {grid-template-columns: repeat(4 , 1fr);gap: 10px; }
    .pageDetails .news {grid-template-columns: repeat(2 , 1fr);}

    .pageTop .container h1 {font-size: 22px; }

    footer .logo, footer .right {flex: unset;  width: 100%;}
            
    
}

@media (max-width: 992px) {
    .container {max-width: 100%;padding: 0 15px;}
    header .container {align-items: center;}
    header .logo img {height: 40px;}

    #menu {order: 2;}
    #menu .mobilMenu {display: flex;justify-content: flex-end;align-items: center; position: relative;width: 24px;height: 18px;}
   
    .mobilMenu span {display: block; width: 75%;height:0;color: #fff;border-bottom: 2px solid;transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
    .mobilMenu span::before {content: "";position: absolute;left: 0; top: 0;width: 100%;height: 0;border-bottom: 2px solid;transform: translateY(0);-webkit-transform: translateY(0);transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
    .mobilMenu span::after {content: "";position: absolute;left: 0; bottom: 0;width: 100%;height: 0;border-bottom: 2px solid;transform: translateY(0);-webkit-transform: translateY(0);transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
   
    #menu.show .mobilMenu span {width: 0; transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
    #menu.show .mobilMenu span::before {transform: rotate(-45deg) translate(-2px, 8px);-webkit-transform: rotate(-45deg) translate(-2px, 8px);}
    #menu.show .mobilMenu span::after {transform: rotate(45deg) translate(-2px, -8px);-webkit-transform: rotate(45deg) translate(-2px, -8px);}
    #menu > ul {position: absolute;left: 0; background: #fff;top: 60px; width: 100%;opacity: 0; visibility: hidden; height: 0; display: block; padding:30px;border-radius: 0; overflow: auto;transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }
    #menu.show > ul {height: calc(100vh - 60px);opacity: 1; visibility: visible;transition: 0.3s ease all; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; }
    #menu > ul > li > a {font-size: 18px; color: var(--secondary-color);padding: 10px 0;margin: auto;}
    #menu > ul > li.teklif {margin-top: 10px;}
    #menu > ul > li.teklif a {padding: 8px 16px;color: #fff;}
    #menu > ul > li:not(:last-child) { border-bottom: 1px solid #d4dbff;}
    #menu > ul > li > a::before {display: none;}
    #menu > ul > li:hover > a {color: var(--primary-color);}
    #menu ul li.acilir ul {display: none; position: relative;opacity: 1;visibility: visible;background: #fff; transition: unset; -webkit-transition: unset; -moz-transition: unset;transform: translateY(0px); -webkit-transform: translateY(0px); box-shadow: none; padding: 0;width: 100%!important; max-width: 100%;}
    #menu ul li.acilir.show ul {display: block;}
    #menu ul li.acilir:hover ul { transition: unset; -webkit-transition: unset; -moz-transition: unset;}
    #menu ul li.acilir > a::after {content: "\f282";display: inline-block;font-size: 14px;font-family: bootstrap-icons !important; font-style: normal;font-weight: normal !important; font-variant: normal; text-transform: none;line-height: 1;vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;position: absolute;right: 0;color: var(--dark-color); transform: rotate(-90deg); margin-top: 5px;transition: 0.3s ease all;}
    #menu ul li.acilir.show > a::after {transform: rotate(0deg);transition: 0.3s ease all;}

    #menu > ul > li.talep{margin-top: 10px; }
    #menu > ul > li.talep a {width: fit-content; }
     
    .slider .item .desc span.b {font-size: 30px; line-height: 40px;}
    .bigTitle {margin: 0 auto 15px auto;font-size: 26px; line-height: 36px;}

}

@media (max-width: 768px) {
    body {color: var(--dark-color);}
    .top-header {padding: 0;background:unset;position: fixed;left: 0;bottom: 15px;z-index: 2;}
    .top-header .container{padding: 0;}
    .top-header ul{display: block;}
    .top-header ul li.tel:not(:last-child) { border-right: unset;padding-right: 0;margin-bottom: 10px;}
    .top-header ul li a{background: var(--secondary-color);color: #fff;font-size: 24px;display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;border-radius: 0 5px 5px 0;}
    .top-header ul li.tel a i{color: #fff;}
    .top-header ul li a span{display: none;}

    .pageTop .breadcrumb {flex-wrap: nowrap;overflow: auto;}
    .pageTop .breadcrumb .breadcrumb-item {white-space: nowrap;flex-shrink: 0;}

    header {padding: 10px 0;}
    .slider .item .image {flex: unset;}

    .categoryList {grid-template-columns: repeat(1 , 1fr); }
    .categoryList .category {padding: 0;}
    .categoryList .category .image a::before {min-width: 100px;top: 50%; }
    .categoryList .category .image a::after {right: 10px;opacity: 1;}

    .homeReferences ,.homeReferences  .container{background: var(--passive-color);}
    .homeNews, .productCategory {background: #fff; padding: 20px 0;}
    .productCategory.pageDetails .container {color: var(--dark-color);}
    .homeNews .box {padding: 0; width: 100%;}
    .newSlider .slick-arrow {bottom: 50%; color: var(--secondary-color);background: #fff;}
    .newSlider .slick-prev {left: 0;}
    .newSlider .slick-next {right: 0;}
    #bize-yazin, .homeReferences .references {width: 100%;  padding: 15px 0; }
    
    footer {padding: 30px 0;}
    footer .logo, footer .right { text-align: center;}
    footer .right ul {display: block;text-align: center; width: 100%;margin: 20px 0px;}
    footer .right .top .sos {display: flex;justify-content: center;gap: 15px; margin: 0;}
    footer .right > * {justify-content: center; }

    .pageDetails .container {padding: 15px;}
    .contactPage.pageDetails .box .left , .pageDetails .box .right ,.pageDetails .box .left {flex: unset;width: 100%;}
    .pageTop .container {display: flex;flex-wrap: wrap;}
    .pageTop .container h1 {color: #fff;text-align: center; font-size: 20px;flex: unset;width: 100%;margin-bottom: 10px;}
    .pageTop .container nav{flex: unset;width: 100%;} 

}

@media (max-width: 576px) {
    :root { --gap: 10px;}
    section { margin: 20px 0;}
    section .showAll {padding: 5px 15px;}
    section .showAll:hover {padding: 5px 5px 5px 15px;}
    #sticky-wp { position:fixed;left: 0; bottom: 15px; background: #0d9f16; color: #fff;  font-size: 24px; width: 40px;  height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 0 5px 5px 0; z-index: 2; }
    .top-header .container ul {gap: 0 15px;}
    .slider .item .desc {max-width: 100%;top: unset; left: 0; bottom: 20px;transform: unset;}
    .homeSlider .slider {border-radius: 10px; overflow: hidden; }
    .homeSlider .slider .item .desc span.b { margin-bottom: 5px; font-size: 20px;line-height: 20px; }
    .slider .slick-active .desc .btn {padding: 5px 15px;}
    .slider .item .desc .btn:hover { padding: 5px 5px 5px 15px; }
        
    .news .new .desc {width: 100%;margin: -15px auto 0 auto;}
    .news.newSlider .new {margin: 5px;}
    .newSlider .slick-dots li button {background: var(--secondary-color); }
    .newSlider .slick-dots li.slick-active button {background: var(--primary-color); }

    .pageDetails .news { grid-template-columns: repeat(1 , 1fr);gap: 30px; }

}