/******************************************************************************
  Max Width "1300x"
*******************************************************************************/
@media (max-width: 1600px) {
    /*.sliderBox .slide .slide__content--headings .ligt-title {
        font-size: 34px !important;
        margin-bottom: 5px;
    }
    .sliderBox .slide .slide__content--headings {
        background-color: rgba(255,255,255,0.4);
    }*/
    .sliderBox .slide .slide__content--headings {
       /* top: 198px;
        left: -149px;*/
    }

    .mobilSlaytDark {
      /*  top: 215px !important;
        left: 0px !important;*/
    }

    .sliderBox .slide .slide__content--headings .ligt-title {
       /* margin: 0px;
        font-weight: 300;*/
       font-size:34px!important;
    }
    .sliderBox .slide .slide__content--headings .title {

        font-size: 30px !important;

    }
    .sliderBox .slide .slide__content--headings {

        height: auto;
        background-color: rgba(255,255,255,0.5);
        padding: 10px 10px 0px 40px;
        left:5%;
        padding:10px;
    }
  
    .slaytContentRenk {
        background-color: rgb(0,16, 63, 50%) !important;
    }
    .sliderBox .slide .slide__content--headings {
        top: 200px;
        width: 50%;
 
    }
}
@media (max-width: 1367px) {
    /*.sliderBox .slide .slide__content--headings .ligt-title {
        font-size: 34px !important;
        margin-bottom: 5px;
    }
    .sliderBox .slide .slide__content--headings {
        background-color: rgba(255,255,255,0.4);
    }*/
}
/******************************************************************************
  Min Width "1200x"
*******************************************************************************/
@media (min-width: 1200px) {
}

/******************************************************************************
  Min Width "992px"
*******************************************************************************/
@media (min-width: 992px) {
}

/******************************************************************************
  Max Width "1270px" - Min Width "1200px"
*******************************************************************************/
@media (min-width: 1200px) and (max-width: 1270px) {
}

/******************************************************************************
  Max Width "1199px"
*******************************************************************************/
@media (max-width: 1199px) {

}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {

   
   
   
}


/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    

}

/******************************************************************************
  Max Width "1199px" - Min Width "992px" IPAD YATAY
*******************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
    
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media (max-width: 991px) {
}

/******************************************************************************
  Max Width "800px"
*******************************************************************************/
@media (max-width: 821px) {
    footer .footerAlt .footer-logo {
        width: 30%;
        padding: 10px 10px 10px 0px;
    }
    .tabLink .textKutu {
        font-size: 11px;
        padding-left: 1px;
    }
    .tabLink .imgKutu {
        width: 45px;
    }
  /*  .nav-menu > li > a {
        padding: 26px 12px;
    }
    .navigationPadding {
        padding: 0px 25px;
    }*/
}
/* Portrait pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .PageReferanslar .referanslarKutu .card a {
        height: 170px;
        padding: 15px;
        line-height: 170px;
    }
     .nav-search {

        margin-right: 2px;
        margin-top: 15px;
    }
    .PageReferanslar .referanslarKutu .card > div {
        height: 160px !important;
    }
    .navigationPadding {
        padding: 0px 25px;
    }
    .nav-menu > li > a {
        font-size: 13px;
        padding: 26px 4px;
    }
    .PageBelgeler .belgelerimizKutu .card .cardBeyaz {
        height: 300px !important;
    }
}




/* Landspace pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .PageReferanslar .referanslarKutu .card a {
        height: 170px;
        padding: 15px;
        line-height: 170px;
    }

    .tabLink .textKutu {
        font-size: 14px;
    }

    .hizmetlerMainSlider .hizmetKutu .card .cardImg img {
        min-height: 100px;
        max-height: 100px;
    }

    .PageReferanslar .referanslarKutu .card > div {
        height: 160px !important;
    }

    .PageBelgeler .belgelerimizKutu .card .cardBeyaz {
        height: 300px !important;
    }
    .blogBox .blogContainer .blogImage {
        height: 170px;
        overflow: hidden;
    }
    .blogBox .blogContainer .blogKisayollar .kutu a {
        font-size: 12px;
    }
}

/******************************************************************************
  Max Width "991px" - Min Width "768px" IPAD DIKEY
*******************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
    .iconlistContent .iconList {
        column-count: 2;
    }
    .PageReferanslar .referanslarKutu .card a {
        height: 150px;
        padding: 5px;
        line-height: 150px;
    }
    .kimleCalisiyoruz .iconList li {
        width: 100%;
    }
    .hizmetlerMainSlider .hizmetKutu .card .cardImg img {
        min-height: 100px;
        max-height: 100px;
    }
    .PageReferanslar .referanslarKutu .card > div {
        height: 100px !important;
    }
    .PageBelgeler .belgelerimizKutu .card .cardBeyaz{
        height:220px!important;
    }
    .PageBelgeler .belgelerimizKutu .belgeAciklama{
        font-size:13px;
    }
    .blogBox {
        flex-direction: column;
    }

        .blogBox .blogContainer {
            width: calc(100% - 30px) !important;
        }
}
/******************************************************************************
  Min Width "768px" 
*******************************************************************************/
@media (max-width: 768px) {
    .teknolojiKutu {
        background-color: rgba(255, 255, 255, 0.5);
        border: 1px solid #fff;
        border-radius: 8px;
        padding: 3px;
        margin: 10px;
        min-height: 60px;
    }
    .tabLink .textKutu {
        display: inline-block;
        line-height: 40px;
        padding-left: 2px;
        color: #5c5c5e;
        font-size: 11px;
    }
    .tabLink .imgKutu {
        width: 30px;
        line-height: 40px;
        padding: 5px;
        display: inline-block;
    }
    .PageReferanslar .referanslarKutu .card a {
        height: 150px;
        padding: 5px;
        line-height: 150px;
    }
    .kimleCalisiyoruz .iconList li {
        width: 100%;
    }
    .hizmetlerMainSlider .hizmetKutu .card .cardImg img {
        min-height: 100px;
        max-height: 100px;
    }
    }

/******************************************************************************
  Max Width "767px"
*******************************************************************************/
@media (max-width: 767px) {
    .PageReferanslar .referanslarKutu .card a {
        height: 150px;
        padding: 5px;
        line-height: 150px;
    }
    PageReferanslar .referanslarKutu .card > div img {
        width: 50%;
    }
}
/******************************************************************************
  Max Width "600px" TELEFON YATAY
*******************************************************************************/
@media (max-width: 812px) and (orientation: landscape) {
    .PageReferanslar .referanslarKutu .card a {
        height: 150px;
        padding: 5px;
        line-height: 150px;
    }
    .surecBox .surecBoxContent {
        width: 48% !important;
    }
    .kimleCalisiyoruz .iconList li {
        width: calc(50% - 3px);
    }
    .hizmetlerMainSlider .hizmetKutu .card .cardImg img {
        min-height: 100px;
        max-height: 100px;
    }
    .PageReferanslar .referanslarKutu .aciklama .baslik {
        font-size: 12px!important;
    }
    PageReferanslar .referanslarKutu .card > div img {
        width: 50%!important;
    }
    
}

@media (max-width: 640px) {
    .altSayfa .sayfaText .pageul li {
        width:100%;
    }
    .surecBox .surecBoxContent {
        width: 100% !important;
    }
    .altSayfa h3 {
        font-size: 16px;
    }
    .tabSayfa .nav-tabs .nav-item.show .nav-link, .tabSayfa .nav-tabs .nav-link.active{
        padding:5px;
    }
    .kimleCalisiyoruz .iconList li {
        width: 50%;
    }
    .hizmetlerMainSlider .hizmetKutu .card .cardImg img {
        min-height: 100px;
        max-height: 100px!important;
    }
    .hizmetlerMainSlider .slick-dots {
        bottom: -70px;
    }
    .PageReferanslar .referanslarKutu .aciklama .baslik {
        font-size: 12px!important;
    }
    PageReferanslar .referanslarKutu .card > div img {
        width: 50%!important;
 
    }
    }

/******************************************************************************
  Max Width "480px"   TELEFON DIKEY
*******************************************************************************/
@media (max-width: 480px) {
    .blogBox {
        flex-direction: column;
    }
    .blogBox .blogContainer {
        width: calc(100% - 30px)!important;
    }
        .blogBox .blogContainer .blogImage {
            height: 155px;

        }
        .blogBox .blogContainer .blogKisayollar .kutu a {
            font-size: 12px;
        }
        .tabTextBox {
            height: 60px !important;
            font-size: 10px;
        }
    .hizmetlerMainSlider .hizmetKutu .card .cardImg img {
        min-height: 120px;
        max-height: 100px;
    }
    .sagKutu{
width:100%!important;
display:block;
    }
    .indexAbout .about-style1-image-box .shape {
        display: none;
    }
    .indexAbout .about-style1-text-box{
        padding-left:0px;
    }
    .navigationPadding {
        padding: 50px 10px 10px 10px;
    }
    .dilBtn{
        position:absolute;
        top:-15px;
        right:0px;
    }
    .hizmetlerMainSlider {
        padding: 40px 10px;
        overflow: hidden;
    }
    .sliderBox .slide .slide__content--headings .top-title {
        font-family: "Playball", cursive;
        font-size: 22px;
    }

    .sliderBox .slide .slide__content--headings .button-custom {
        text-decoration: none;
        color: #333;
        padding: 5px 20px;
        font-size: 20px;
    }

    .indexMainBox .mainKutu .mainKutuMini {
        margin-bottom: 15px;
    }



    .sliderBox .slide .slide__img img {
        height: 50vh;
        width: auto;
        /*max-width:100%;*/
    }
    .slide .slide__img img {
        min-height: 50vh;
    }
    .sliderBox .slide .slide__content--headings {
        top: 275px;
        left: -155px;
        width: 100%;
        height: auto;
        background-color: rgba(255,255,255,0.5);
        padding: 10px 10px 0px 40px;
    }
    .slick-next {
        right: 0px;
    }
    .sliderBox .slide .slide__content--headings .title {
        font-size: 20px !important;
        padding: 0px;
    }
    .navigation-portrait .nav-search-button {
        margin-top: 10px;
    }
    .hizmetlerMainSlider .baslik{
        font-size:22px;
    }
    .nav-toggle {
        background-color: #fbfcfd;
        line-height:40px;
        margin-top: 6px;
        right: 21px;
        width: 40px;
        height: 40px;
    }
        .nav-toggle:before {
            content: "";
            position: absolute;
            width: 33px;
            height: 5px;
           /* background-color: #949595;*/
            border-radius: 10px;
            box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
        }
    .indexAbout .about-style1-text-box .title h1{
        font-size:30px;
    }
    .indexAbout .about-style1-image-box {
        margin-top: -35px;
    }
        .indexAbout .about-style1-image-box .image-box1 {
            width: 350px;
        }
    .tabrigth {
        width: 100%;
        margin-left: 0px;
        padding-left:0px;
    }
    .tabLeft{
        width:100%;
        position:static;
        margin:0px;
    }
    .nav-pills ul {
        column-count: 3;
    }
    .mainParalaxSection .bgParalax .boxBaslik{
        font-size:22px;
    }
    footer .footerAlt .footer-logo {
        width: 60%;
    }
    .sliderBox .slide .slide__content--headings .ligt-title{
        font-size:22px!important;
        padding:0px;
    }
    .megaMenuFlex {
        display: block;
    }
    .megaMenuImgKutu{
        height:auto;
    }
    .nav-dropdown > li > a, .megamenu-list > li > a {
        width: 100%;
    }
    .megamenu-list > li > a {
        padding: 10px 0px;
    }
    .megamenu-list {
        width: 100%;
        margin: inherit;
        padding: 0;
  
    }
    .headerbg .headerBox .solKutu {
        width: 100%;
        order:2;
    }
    .headerbg .headerBox .sagKutu {
        width: 100%;
        order:1;
    }
    .cerezPolitikasiBox{
        font-size:11px;
    }
    .headerbg .headerBox {
        display: block;
        align-items: center;
    }
    .headerbg .slogan h1 {
        font-size: 22px;
        line-height: 28px;
    }
    .PageBelgeler .belgelerimizKutu {
        margin-bottom: 0px;
    }
    .PageBelgeler {
        padding: 5px 0px;
    }
    .mobilSlaytDark {
        top: 270px !important;
        left: 0px !important;
    }

    .sliderBox .slide .slide__content--headings .ligt-title {
        margin: 0px;
    }

    .slaytContentRenk {
        background-color: rgb(0,16, 63, 50%) !important;
    }


    .iconlistContent .iconList {
        column-count: 1;
    }
    .kimleCalisiyoruz .iconList2 {
        padding: 20px;
    }
    .kimleCalisiyoruz .iconlistContent{
        margin:15px;
    }
    .PageReferanslar .referanslarKutu .card a {
        height: 200px;
        padding: 20px;
        line-height: 160px;
    }
        .PageReferanslar .referanslarKutu .card a img {
            width: 100%;
            transform: scale(1.2);
            transition: all 700ms ease;
            height: auto;
            max-height: 160px;
        }
    .kimleCalisiyoruz .iconList li{
        width:100%;
    }
    }

@media (max-width: 380px) {
    .indexAbout .about-style1-image-box .image-box1{
        width:350px;
    }
   
    .backtotop{
        bottom:60px;
    }
    .sliderBox .slide .slide__content--headings {
        top: 198px;
        left: -149px;
       
    }
    .mobilSlaytDark {
        top: 215px !important;
        left: 0px !important;
    }
    .sliderBox .slide .slide__content--headings .ligt-title {
        margin:0px;
        font-weight:300;
    }
    .slaytContentRenk {
        background-color: rgb(0,16, 63, 50%)!important;
    }
    }
@media (max-width: 320px) {
    
}