/****************
* Değişkenler
****************/
:root {
    /* Renk Var */
    --DfGreen :#10B750;
    --DfBlue  :#1C62FF;
    --DfGrey  :#EFEFEF;
    --DfBrown :#6C4F00;
    --GreyF7:#F7F7F7;
    --Grey80:#808080;

    /* Genişlik Var */
    --DfWidth :1400px;

}
/****************
* RESET CSS
****************/
* {
    box-sizing:border-box;
}
body
{
    margin:0;
    padding: 0;
    font-family: 'Roboto';

}
a {
    text-decoration: none   ;
}

ul, li {
    margin: 0;
    padding: 0;
}
img {
    width: 100%;
    height: auto;
    border-radius: 5px;

}
.mobilMenuContainer {
    position: fixed;
    z-index: 9999999;
    background-color: var(--DfGreen);
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content:flex-start;
    transform: translate(-1000%,0);
    transition: transform 0.3s;

}
.openMobil {
    transform: translate(0px,0);

}
.closeMobil {
    transform: translate(1000%,0);

}
.mobilMenuContainer a {
    color:#fff;
}
.mobilMenuContainer .mobilMenuContent {
    display: flex;
    justify-content: center;
}
.mobilMenuContainer .mobilMenuContent ul li {
    list-style-type: none;
    margin-top: 5px;
}
.mobilMenuContainer .mobilMenuContent ul li a{
    font-size: 18px;
    font-weight: 200;
}
.mobilMenuContainer .mobilMenuContent,.mobilMenuContainer .mobilMenuClose {
    width: 100%;
}
.mobilMenuContainer .mobilMenuClose {
    height: 20px;
    margin-top: 10%;
    text-align: right;
    color:#fff;
}
.mobilMenuContainer .mobilMenuClose span {
    border: 1px solid #fff;
    padding: 5px 8px;
    margin-right: 10px;
}
.searchMobilContainer {
    text-align: center;
    margin-top: 50px;
}
.searchMobilContainer input[type=text] {
    background-color:transparent;
    border:none;
    border-bottom:1px solid #fff;
    color:#fff;
}
.breadcrumps {
    display: block;
    margin: 20px 0px;
}
.breadcrumps ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
}
.breadcrumps ul li  {
    list-style-type: none;
    margin-right: 5px;
}
.breadcrumps ul li::after {
    content: "/";
    display: inline-block;
    margin-left: 5px;
    color:var(--Grey80)
}
.breadcrumps ul li:last-child::after {
    content: "";
}
.breadcrumps ul li a {
    color:var(--Grey80);
    font-size: 13px;
}

/****************
* HEADER CSS
****************/
header {
    width: 100%;
}
header .headerFirst {
    max-width: var(--DfWidth);
    margin:0 auto;

}
header .headerFirst .topFirst {
    background-color:var(--DfGreen);
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

}

header .headerFirst .topFirst a {
    color:#fff;
    text-decoration: none;

}
header .headerFirst .topFirst .topLeft, header .headerFirst .topFirst .topRight {
    flex-basis: 50%;
    display: flex;
    flex-wrap: wrap;
}
header .headerFirst .topFirst .topLeft a, header .headerFirst .topFirst .topRight a {
    display: flex;
    align-items: center;
    max-width: 40%;
    margin-right: 10px;


}
header .headerFirst .topFirst .topLeft a img , header .headerFirst .topFirst .topRight a img{
    width: 20px ;
}

header .headerFirst .topFirst .topRight .sosyalMenu {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
header .headerFirst .topFirst .topLeft a img, header .headerFirst .topFirst .topRight a img {
    margin-right: 5px;
}
header .headerFirst .topSecond {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 0px;
    justify-content: space-between;
    align-items: center;
}
header .headerFirst .topSecond .logoContainer {
    flex-basis: 15%;
}
header .headerFirst .topSecond .logoContainer img {
    height: 150px;
}
header .headerFirst .topSecond .searchContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 65%;
}

header .headerFirst .topSecond .searchContainer form {
    width: 100%;
    display: flex;

    justify-content: center;
}
header .headerFirst .topSecond .searchContainer form input {
    background-color: var(--DfGrey);
    border:none;
    padding: 5px;


}

header .headerFirst .topSecond .searchContainer form input[type=text]{
    width: 70%;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 40px;

}
header .headerFirst .topSecond .searchContainer form input[type=submit] {
    background-color: #10b750;
    color:#fff;
}
header .headerFirst .topSecond .searchContainer form input[type=image] {
    position: relative;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;

}
header .headerFirst .topSecond .searchContainer form input:last-child::before {
    content: "";
    display: block;
    position: absolute;
    left:0;
    top:5px;
    height: 4px;
    width: 1px;
    background-color: #434343;
    z-index: 2;
}
header .headerFirst .topSecond .salesButtonContainer {
    flex-basis: 20%;
}
header .headerFirst .topSecond .salesButtonContainer ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
header .headerFirst .topSecond .salesButtonContainer ul li {
    list-style-type: none;
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 10px;

}


header .headerFirst .topSecond .salesButtonContainer ul li:last-child{
    margin-right: 0;
}
header .headerFirst .topSecond .salesButtonContainer ul li a {
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 15px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
header .headerFirst .topSecond .salesButtonContainer ul li a img {
    height: 47px;
}

header .headerFirst .topSecond .salesButtonContainer ul li a span {
    width: 100%;
    display: block;
    color:#fff;
    margin-bottom: 10px;
    text-align: center;

}
.mobil-menu-button {
    display: none;
}
header .headerFirst .topSecond .salesButtonContainer ul li a.sepetButton {
    background-color: var(--DfBlue);

}
header .headerFirst .topSecond .salesButtonContainer ul li a.uyeButton {
    background-color: var(--DfGreen);
}

header .mainMenu {
    background-color: var(--DfGreen);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
header .mainMenu nav {
    width: 100%;
    max-width: var(--DfWidth);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 30px;
    justify-content: space-between;
    grid-auto-flow: column;

}
header nav .menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;

}
header nav .menu ul li {
    padding: 20px 40px;
    list-style-type: none;
}
header nav .menu ul li:first-child {
    padding: 20px 20px 20px 0;
}
header nav .menu ul li a {
    color:#fff;
}
header nav .menu ul li a img {
    width: 10px;
    margin-left: 5px;
}
header nav .menu ul li.active {
    background-color: #fff;
}
header nav .menu ul li.active a {
    color:var(--DfGreen)
}
header nav .lang {
    padding: 20px 0;

}
header nav .lang a{
    color:#fff;
    display: flex;
    width: 100%;
}
header nav .lang a img {
    width: 10px;
    margin-left: 5px;
}
.menu-item-has-children  {
	position:relative;
}
.menu-item-has-children:hover > .sub-menu {
	display:flex !important;
	
}
.sub-menu {
	display:none !important;
    position: absolute;
    background-color: var(--DfGreen);
	z-index:999;
	top:59px;
	left:0;
	padding:30px;
	width:100%;
	
}
.sub-menu li:first-child {
	margin:0;
	padding:20px !important;
	text-align:center;
}
.sub-menu li {
	padding: 0;
	margin: 0;
	text-align: center;
	width:100%;
	
}
.current-menu-item, header nav .menu ul li:hover  {
	background-color:#0F9B45;
}
/****************
* MAIN CSS
****************/
main {
    height: 100%;
    max-width: var(--DfWidth);
    margin: 0 auto;
}
main .mainContainer {
    width: 100%;
    max-width: var(--DfWidth);
    display: flex;
    justify-content: center;
    margin: 50px 0;
    flex-wrap: wrap;

}

main .mainContainer .sliderContainer {
width: 70%;


}
main .mainContainer .sliderContainer .slider {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}
main .mainContainer .sliderContainer .slider .owl-main{
    max-width: 600px;
    width: 70%;
}
main .mainContainer .sliderContainer .slider .owl-main .item {
    position: relative;
}
main .mainContainer .sliderContainer .slider .owl-main .item .mainsliderText {
    position: absolute;
    bottom:0px;
    left:0;
    color:#fff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
main .mainContainer .sliderContainer .slider .owl-main .item .mainsliderText span {
    font-size: 23px;
    width: 90%;
    font-weight: 400;

}

main .mainContainer .sliderContainer .slider .owl-main .item .mainsliderText p {
    font-size: 15px;
    width: 90%;

}
main .mainContainer .sliderContainer .slider .owl-main .owl-dots .owl-dot span {
    width: 17px;
    height: 17px;
    margin: 5px 7px;
    background: rgba(16, 183, 80, 0.30);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 3px;
    transition: all 0.3s;
}
main .mainContainer .sliderContainer .slider .owl-main .owl-dots .owl-dot.active span,
main .mainContainer .sliderContainer .slider .owl-main .owl-dots .owl-dot:hover span {
    background:var(--DfGreen);
    width: 30px;
}

main .mainContainer .sliderContainer .slider .owl-main .item img {
    width: 100%;
    height: 468px;
}
main .mainContainer .sliderContainer .slider .sliderButtons {
    width: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
   flex-wrap: wrap;
    max-height: 490px;

}
main .mainContainer .sliderContainer .slider .sliderButtons a.button {
    width: 100%;
    display: flex;
    background-color: var(--GreyF7);
    color:#000000;
    padding: 10px;
    height: 100px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;


}
main .mainContainer .sliderContainer .slider .sliderButtons a.button::after {
    content:"";
    position: absolute;
    right: 0;
    top:0;
    height: 100%;
    width:5px;
    z-index: 9;
    background-color: var(--DfBrown);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;

}
main .mainContainer .sliderContainer .slider .sliderButtons a.button.active {
    background-color: var(--DfGreen);
    color:#fff;
}
main .mainContainer .sliderContainer .slider .sliderButtons  a span{
    width: 100%;
    display: block;
    font-size: 12px;
    font-weight: bold;

}
main .mainContainer .sliderContainer .slider .sliderButtons  a p {
    font-size: 12px;
    font-weight: 200;
    align-self: flex-start;
}

main  .infoContainer {
    height: 567px;
}
.infowidth {
    width: 25%;
}
main  .infoContainer .infobuttons {
    display: flex;
    justify-content: center;
    align-content: space-between;
    height: 100%;
    flex-wrap: wrap;
    max-height: 470px;

}
main  .infoContainer .infobuttons li  {
    list-style-type: none;
    width: 100%;
    height: 140px;
    padding: 20px;
    border-radius: 5px;

}
main  .infoContainer .infobuttons li a {
    display: flex;
    justify-content: space-between;
    text-align: center  ;
    flex-direction: column;

    align-items: center;

}

main  .infoContainer .infobuttons li:nth-child(1) {
    background-color: #DDCD0D;
}
main  .infoContainer .infobuttons li:nth-child(2) {
    background-color: var(--DfBlue);
}
main  .infoContainer .infobuttons li:nth-child(3) {
    background-color: var(--DfGreen);
}
main  .infoContainer .infobuttons li a img {
    width: 85px;
}
main  .infoContainer .infobuttons li a span {
    color:#fff;
    margin-top: 10px;
    display: block;
}


main .mainContainer .newsContainer{
    background-color: green;

    grid-column-start: 1;
    grid-column-end: 3;
}
main .mainContainer .scrubContainer {
    background-color: green;

    grid-column-start: 3;
    grid-column-end: 5;
}

.mpFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Baslik {
    width: 100%;
    display: block;
    border-bottom: 6px solid var(--GreyF7);
    margin-bottom: 20px;
    color:var(--DfBrown);
    font-size: 20px;
    font-weight: 500;
    position: relative;
    border-radius: 5px;
}
.Baslik::after {
    content: "";
    display: block;
    width: 20%;
    height: 6px;
    background-color: var(--DfBrown);
    position: absolute;
    border-radius: 5px;
}
.Baslik span {
    display: block;
    width: 100%;
}
.newsContainer {
    width: 47%;
    display: flex;
    flex-wrap: wrap;
}
.newsContainer .haberItem {
    width: 50%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
.newsContainer .haberItem img {
    max-width: 300px;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 10px;
}

.newsContainer .haberItem .haberText {
    font-size: 15px;
    max-width: 300px;
    padding: 5px;
    background-color: var(--GreyF7);
    color: var(--Grey80);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    min-height: 225px;
}
.newsContainer .haberItem .haberText h4 {
    font-weight: 500;
    min-height: 40px;
    display: flex;
    align-items: center;
}
.newsContainer .haberItem .haberText p {
    font-weight: 300;

}
.newsContainer .haberItem .haberText span {
    display: block;
    text-align: center;


}
.scrubContainer {
 width: 47%;
}
.scrubContainer .scrubItem {
    position: relative;
    border-radius: 5px;

}
    .scrubContainer .owl-scrub  .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    background: transparent;
    border-radius: 0;
    border:3px solid var(--DfGreen);
        border-radius: 3px;


}
.scrubContainer .owl-scrub .owl-dot.active span {
    background-color: var(--DfGreen);
    border:none;



}


.scrubContainer .owl-scrub .owl-nav.disabled + .owl-dots {
    text-align: left;
}
.scrubContainer .scrubItem::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    border-radius: 5px;
    background: rgb(2,0,36);
    background: -moz-linear-gradient(360deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0.2735294801514355) 100%);
    background: -webkit-linear-gradient(360deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0.2735294801514355) 100%);
    background: linear-gradient(360deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0.2735294801514355) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#000000",GradientType=1);


}
.scrubContainer .scrubItem img {
    border-radius: 5px;
}
.scrubContainer .scrubItem .scrubText{
    position: absolute;
    left:0;
    bottom:0;
    z-index: 3;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color:#fff;

}
.scrubContainer .scrubItem .scrubText p {
    width: 100%;
}
.scrubContainer .scrubItem .scrubText span{
    font-size: 12px;
}

.lastBlogContainer {
    margin-top: 50px;
}

.lastBlogContainer .lastWords ul {
    list-style-type: none;
}
.lastBlogContainer .lastWords ul li {
    padding:0  20px;
}
.lastBlogContainer .lastWords ul li .date {
    color:var(--DfBrown);
    height: 25px;
    display: flex;
}
.lastBlogContainer .lastWords ul li .date::before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 3px solid var(--DfBrown);
    margin-right: 5px;
    border-radius: 3px;
}
.lastBlogContainer .lastWords ul li a {
    color:#848484;
    padding: 5px 0px;
    display: flex;
    height: 100%;
    min-height: 75px;
    line-height: 1.5;
    font-size: 18px;
    align-items: center;

}
.lastBlogContainer .lastWords ul li a::before {
    content: "";
    display: block;
    height: 100%;
    min-height: 74px;
    width: 3px;
    background-color: var(--DfBrown);
    margin: 4px 7.5px;

}
.photoGalery {
    width: 50%;
    margin-top: 50px;

}
.photoGalery .PhotoButtons {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 20px;
}
.photoGalery .PhotoButtons img {
    width: 150px;
    height: 150px;
}
.photoslideContainer {
    position: relative;
}
.photoslideContainer .my-next-button, .photoslideContainer .my-previous-button {
   position: absolute;
    top:calc(100% / 2 - 50px);
    width: 50px;
    z-index: 999;
    cursor: pointer;
}
.photoslideContainer .my-next-button img, .photoslideContainer .my-previous-button img{
    width: 50px;

}
.photoslideContainer .my-next-button {
    left: 10px;
}
.photoslideContainer .my-previous-button {
    right: 10px;
}

.webTvContainer {
    width: 45%;
    margin-top: 50px;
}
.webTvContainer .webTvContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.webTvContainer .webTvContent .tvItem {
    width: 48%;
    position: relative;

}

.webTvContainer .webTvContent .tvItem img {
    height: 150px;
}
.webTvContainer .webTvContent .tvItem a::after{
    position: absolute;
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("../images/play_Button.svg");
    z-index: 9;
    top:calc(50% / 2 - 24px);
    left:calc(100% / 2 - 24px);
}
.webTvContainer .webTvContent .tvItem .tvtextItem {
    background-color: var(--GreyF7);
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.webTvContainer .webTvContent .tvItem .tvtextItem .tvtitle {
    font-size: 12px;
    font-weight: 400;
}
.webTvContainer .webTvContent .tvItem .tvtextItem .tvdesc {
    font-size: 12px;
    font-weight: 200;
}


.mediapressContainer {
    width: 47%;
    margin-top: 50px;
}

.mediapressContainer .mediapressContent {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;

}
.mediapressContainer .mediapressContent .mediaItem {
    padding: 20px 0;
    border-bottom:1px solid #e2e2e2;
    margin-bottom: 20px;
}
.mediapressContainer .mediapressContent .mediaItem a {
    display: flex;
    justify-content: space-between;

}
.mediapressContainer .mediapressContent .mediaItem a img {
    width: 135px;
    margin-right: 30px;
}
.mediapressContainer .mediapressContent .mediaItem .mediaText {
    width: calc(100% - 200px);
    color: #767676;
    font-weight: 300;



}

.mediapressContainer .mediapressContent .mediaItem .mediaText h5 {
    font-size: 17px;
}

.aboutContainer {
    width: 47%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    justify-content: center;
    align-content: center;
}
.aboutContainer .aboutMainContent:first-child {
    position: relative;
    width: 100%;
}
.aboutContainer .aboutMainContent {
    position: relative;
    width: 43%;
    margin: 20px;
}

.aboutContainer .aboutMainContent .aboutMainText:first-child {
    position: absolute;
    top:0;
    left: 0;
    padding: 20px;
    color: #ffffff;
}

.aboutContainer .aboutMainContent .aboutMainText {
    position: absolute;
    bottom:0;
    left: 0;
    padding: 20px;
    color: #ffffff;
}

.aboutUs {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: var(--GreyF7);
    padding: 50px 0px;
}
.aboutUs .aboutUsContent {
    max-width: var(--DfWidth);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items:center;
}
.aboutUs .aboutUsContent .aboutUsImg,.aboutUs .aboutUsContent .aboutUsText {
    width: 50%;
    margin-bottom: 20px;

}
.aboutUs .aboutUsContent .aboutUsImg {
    position: relative;
}
.aboutUs .aboutUsContent .aboutUsImg h6 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin: 0;
}
.aboutUs .aboutUsContent .aboutUsText {
    padding: 0px 30px;
    text-align: justify;
    font-size: 14px;
    line-height: 1.4;
}

.partners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0px;
}
.partners .partnersContent {
    max-width: var(--DfWidth);
   width: 100%;
}
.partners .partnersContainer {
    max-width: var(--DfWidth);
    position: relative;
    display: block;
    position: relative;
    margin-bottom: 50px;

}
.partners .partnersContainer .partners-next-button,.partners .partnersContainer .partners-prev-button {
    background: rgba(108, 79, 0, 0.93);
    border-radius: 50%;
    position: absolute;
    width: 40px;
    height: 40px;
    top:calc(100% / 2 - 20px);
    z-index: 999;
    cursor: pointer;
}

.partners .partnersContainer .partners-next-button {
    left: 0;
}
.partners .partnersContainer .partners-prev-button {
    right: 0;
}
.analizContainer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.analizContainer .analizTarihler {
    width: 20%;
}

.analizContainer .analizTarihler ul  {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.analizContainer .analizTarihler ul li {
    list-style-type: none;
    width: 70%;
}
.analizContainer .analizTarihler ul li.active a {
    color:#000000;
}
.analizContainer .analizTarihler ul li a {
    color:var(--Grey80);
}
.analizContainer .analizRaporlar {
    width: 80%;
}
.analizContainer .analizRaporlar ul{
    display:flex;
    flex-wrap: wrap;
    padding: 0 20px;
    justify-content:space-between;

}
.analizContainer .analizRaporlar ul li  {
    width: 23%;
    list-style-type: none;
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    border-radius: 5px;
    margin-bottom: 20px;

}

.ihalelerContainer {
  max-width: 100%;
    overflow-x:auto;
}
.ihalelerContainer table{
    width: 100%;
    border-collapse: collapse;
}
.ihalelerContainer table td,th{
    text-align: left;
    border-bottom: 1px solid var(--DfGrey);
    padding: 20px;
}
.yonetimContainer {




}
.yonetimContainer h3 {
    text-align: center;
    margin: 50px 0px;
    display: block;
    font-weight: 300;


}
.yonetimContainer h3::after {
    content: "";
    display: block;
    margin-top: 25px;
   margin-left:calc(50% - 2px) ;
    height: 75px;
    width: 2px;
    background-color: #848484;
}
.yonetimContainer .yonetimContent {
    padding-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: var(--DfGrey);

}
.yonetimContainer .yonetimContent.bgWhite {
    background-color: #ffffff;

}
.yonetimContainer .yonetimContent.bgWhite .yonetimItem {
    background-color: var(--GreyF7);
    padding: 10px 0;
}
.yonetimContainer .yonetimContent .yonetimItem {
    width:calc(100% / 3 - 40px) ;
    min-height: 75px;
    margin-bottom: 20px;
    margin-right: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.yonetimContainer .yonetimContent .yonetimItem img {
   height: 150px;
    width: 100px;

}
.yonetimContainer .yonetimContent .yonetimItem .yonetimName,
.yonetimContainer .yonetimContent .yonetimItem .yonetimTitle {
    width: 100%;
    text-align: center;
}

.line {
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin: 100px 0px;
position: relative;
}
.line::after {
    content: "";
    display: block;
    width: 2px;
    position:absolute ;
    top:calc(100% / 2 - 75px);
    left: calc(100% / 2 - 2px);
    height: 150px;
    background-color: var(--Grey80);

}
.line .satirLine , .line .dikeyLine {
    background-color: var(--Grey80);
}
.line .satirLine  {
    width: calc(100% - 2px);
    height: 2px;
    display: block;
    position: relative;
}
.line .satirLine::after, .line .satirLine::before {

    content: "";
    display: block;
    position: absolute;
    top:0;
    height: 50px;
    width: 2px;
    background-color: var(--Grey80);
}
.line .satirLine::after {
    left: 0;
}
.line .satirLine::before {
    right: 0;
}
    /****************
    * FOOTER CSS
    ****************/
footer {
    background-image: url("../images/footer-bg-image@2x.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding: 30px 0px;
}
footer .footerContainer {
    max-width: var(--DfWidth);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3,1fr) ;
    grid-template-rows: repeat(3,auto);
    grid-gap: 25px;
    color:#fff;

}
footer .footerContainer .footerCol {
    justify-self: center;
}
footer .footerContainer .footerCol  .footerContact{
    margin-top: 20px;
}
footer .footerContainer .footerCol  .footerContact ul li {
    list-style-type: none;
}
footer .footerContainer .footerCol  .footerContact ul li a {
    color: #FFFFFF;
    display: flex;
    align-items: center;
}
footer .footerContainer .footerCol  .footerContact ul li a img {
    margin-right: 5px;
    width: 18px;
}
footer .footerContainer .footerCol:first-child {
    justify-self: start;
}
footer .footerContainer .footerCol:last-child {
    grid-column-start: span 3;
    justify-self: center;

}

footer .footerContainer .footerLogoContainer img {

    width: 200px;
}
footer .footerContainer .footerHeader {
    font-weight: 600;
    margin: 10px 0px;
}
footer .footerContainer .footerNav ul li {
    list-style-type: none;
    display: block;
    padding: 5px 0px;
}
footer .footerContainer .footerNav ul li a  {
    color:#fff;
}
footer .footerContainer .footerSocial {
    display: flex;
    justify-content: center;
}
footer .footerContainer .footerSocial a  {
    margin: 5px;
}
footer .footerContainer .footerSocial a img {
    width: 20px;
}
/****************
* Page
****************/

.page {
    margin-top: 50px;

}
.page .Baslik {
    margin-bottom: 50px;
}
.pageContent {
    width: 100%;
    display: grid;
    grid-template-columns: 75% 25%;
    grid-gap: 25px;
    grid-template-rows: repeat(2,auto);
    grid-template-areas: "left right"

}
.pageContent .pageLeft {
    grid-area: left;

}
.pageContent .pageRight {
    grid-area: right;

}
.boxContainer {
    display: grid;
    grid-gap: 25px;
calc(100% - 25px);
}
.boxContainer.box {
    grid-template-columns: repeat(4, 23.5%);
}
.boxContainer.column {
    grid-template-columns: repeat(1, 100%);

}
.boxContainer .boxItem {
    border:2px solid #e5e5e5;
    box-shadow: 0px 0px 2px #e5e5e5;
    padding: 7px;
    border-radius: 5px;
}
.boxContainer.box .boxItem {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 12px;
}
.boxContainer.box .boxItem img {
    width: 100%;
    object-fit: cover;
    height: 250px;
}

.boxContainer.column .boxItem {
    display: grid;
    grid-template-columns: 25% auto;
    grid-gap: 25px;
    border: none;
    border-bottom: 1px solid #848484;
    box-shadow: none;
    border-radius: 0;


}
.boxContainer .bayiler {
    font-size: 12px;
}
.boxContainer .bayiler span {
    font-weight: 700;
}
.boxContainer.column .boxItem .boxImg {
    grid-row: 1 / span 3;

}
.boxContainer.column .boxItem .boxHeader {
    widows: 70%;
}
/****************
* 404
****************/
.Container404 {
    background-image: url("../images/404_page.jpg");
    min-height: 700px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}

.Container404 .form404 {
    margin-bottom: 100px;
    width: 100%;
    max-width: 300px;
}
.Container404 .form404 form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.Container404 .form404 input[type=text]{
    width: 100%;
    border-radius: 30px;
    height: 40px;
    border: none;
    background-color: #3c2a20;
    color:#bbbbbb;
    padding: 0 10px;


}
.Container404 .form404 input[type=submit]{
    background-color:#3c2a20 ;
    color:#fff;
    border: none;
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 30px;
}
.wpcf7-form-control {
	padding: 5px 0px;
	border-radius: 0 !important;
	border: 1px solid var(--DfGreen);
	font-size: 16px;
	width:100%;
}

.
/****************
* media CSS
****************/
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {



}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {



}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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



}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

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


    /* HEADER */
    header .headerFirst .topSecond{
        height: auto;
    }
    header .headerFirst .topFirst .topLeft, header .headerFirst .topFirst .topRight {
        flex-basis: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    header .headerFirst .topFirst .topLeft a, header .headerFirst .topFirst .topRight a {
        display: flex;
        align-items: center;
        max-width: 100%;
        margin-right: 10px;
    }
    header .headerFirst .topFirst .topRight .sosyalMenu {
        justify-content: center;
    }
    header .headerFirst .topSecond .logoContainer {
        flex-basis: 50%;
    }
    header .headerFirst .topSecond .searchContainer {
        display: none;
    }
    header .headerFirst .topSecond .salesButtonContainer {
        flex-basis: 43%;
        padding: 0 10px;
    }
    header .headerFirst .topSecond .salesButtonContainer ul li a span {
       display: none;
    }
    header .headerFirst .topSecond .salesButtonContainer ul li a img {
        height: 30px;
    }
    header .mainMenu {
        display: none;
    }
    .mobil-menu-button {
        display:block;
    }
    .breadcrumps ul {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
    }
    .Baslik {
        text-align: center;
    }
    .Baslik::after {

        animation: baslik 1s .5s forwards;
        left: 0;
    }
	
    @keyframes baslik {
        to {
            left: calc(100% / 2 - 25%);
            width: 50%;
        }

    }
    main .mainContainer .sliderContainer {
        width: 100%;
    }
    main .mainContainer .sliderContainer .slider .sliderButtons {
       display: none;
    }
    main .mainContainer .sliderContainer .slider .owl-main {

        width: 100%;
    }
    main .infoContainer {
        width: 100%;
       padding: 5px;
    }
    .newsContainer {
       width: 100% ;
        justify-content: center;
        padding: 0px 10px;
    }

    .photoGalery .PhotoButtons img {
        width: 75px;
        height: 75px;
    }
/*    Haber item*/
    .newsContainer .haberItem {
       width: 100%;
        display: flex;
        justify-content: center;
    }

    .scrubContainer {
        width: 100%;
    }
    .pageContent {

        grid-template-columns: auto auto;
        grid-template-areas:
                "left left"
                "right right"

    }
    .boxContainer.box {
        grid-template-columns: 100%;
        justify-items: center;
    }
    .pageContent .pageLeft {
        padding: 20px;
    }
    .boxContainer.column .boxItem {

        grid-template-columns: auto;

    }

    .analizContainer .analizRaporlar , .analizContainer .analizTarihler{
        width: 100%;
    }
    .analizContainer .analizTarihler ul {
        justify-content: center;
        margin-bottom: 40px;
    }
    .analizContainer .analizTarihler ul li {
        width: calc(100% / 3 - 20px);

    }
    .analizContainer .analizRaporlar ul li {
        width: 45%;
    }
    .ihalelerContainer {
        max-width: 320px;
        overflow-x:auto;
    }
    .photoGalery,.webTvContainer,.mediapressContainer,.aboutContainer {
        padding: 0 10px;
        width: 100%;
    }
    .aboutContainer .aboutMainContent {
        width: 100%;
    }
    .aboutContainer .aboutMainContent:first-child img {
        height: 500px;
        object-fit: cover;
    }
    .aboutUs .aboutUsContent .aboutUsImg, .aboutUs .aboutUsContent .aboutUsText {
        width: 100%;
    }
    .aboutUs .aboutUsContent div:nth-child(1) {
        order: 1;
    }
    .aboutUs .aboutUsContent div:nth-child(2) {
        order: 2;
    }
    .aboutUs .aboutUsContent div:nth-child(3) {
        order: 4;
    }
    .aboutUs .aboutUsContent div:nth-child(4) {
        order: 3;
    }
    /*    footer */
    footer .footerContainer .footerCol:first-child {
        justify-self: center;
    }
    footer .footerContainer {

        grid-template-columns: 100%;
        grid-template-rows: repeat(6,auto);

    }
    footer .footerContainer .footerCol{
        text-align: center;
    }
    footer .footerContainer .footerCol a{
        display: flex;
        justify-content: center;
    }
    footer .footerContainer .footerCol:last-child {
         grid-column-start: auto;
        justify-self: center;
    }

}