@media (min-width: 2560px) {
    .container {
        max-width: 1660px;
    }
    #virtual_4 .accordion-button {
        font-size: 32px;
    }
}
@media (min-width: 1920px) {
    .container-fluid {padding: 0px 200px;}
    #header .logo{max-height:55px; max-width: 100%;}

    #pheader {height: 70vh;}
    .bg-pheader {background-size: cover}

}
@media (min-width: 1600px) {
    .footerAbs {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
}
@media (min-width: 1200px){
    .container {padding: 40px;}
}
@media (max-width: 1919px) {
    .container-fluid {padding: 0px 200px;}
}

@media (max-width: 1599px) {

    .container-fluid {padding: 0px 150px;}
    #home_srv .srv_items div img {
        transform: scale(0.8);
        overflow: unset;
    }
    #fixedMenuContainer .mainMenu ul li {font-size: 34px; line-height: 45px;}
    #fixedMenuContainer .subMenu ul li {font-size: 54px; line-height: 66px}
}

@media (max-width: 1439px) {
    #search input[type=text] {font-size: 20px; line-height:28px; width: 60%;}
    #search .btn {font-size: 21px !important;}
    #search button {font-size: 21px !important; line-height: 28px; height: 28px; margin-right: 15px}

    .container-fluid {padding: 0px 150px;}
    #home_slider, #content-page, #contact-page, #home_srv, #home_ba, #home_wwd, #teamList, #lifeList, #jobList, #joinUsList, #about-page, #galleryList, #gallerySlide, #projects, #projectArrow {
        margin-bottom: 150px;
    }
    h1 {font-size: 50px; line-height: 50px;}
}

@media (max-width: 1000px) {
    h1 {font-size: 36px; line-height: 36px;}
    #home_srv .srv_items div img {transform: scale(1);  width: 100%;height: auto;}

    #home_srv .srv_items,#home_srv .srv_items .srv_1 img:first-child, #home_srv .srv_items .srv_2 img:first-child ,#home_srv .srv_items .srv_6 img:first-child{
        transform: scale(1);  width: 95%;height: auto;
    }

    #home_srv .srv_items {display: flex;flex-wrap: wrap;justify-content: space-between;}

    #home_srv .srv_items div {width: calc(50% - 10px);max-width: none;margin-bottom: 20px;}



    #home_srv .srv_items .srv_3,#home_srv .srv_items .srv_4,#home_srv .srv_items .srv_5{width: calc(50% - 10px);max-width: none;margin-bottom: 20px;}


    #home_srv .srv_items .srv_1{overflow: unset;top: 45px;left: 14px;position: relative;}
    #home_srv .srv_1 img:first-child{width: 260px; height: 160px;}
    #home_srv .srv_1 img:last-child{width: 50px;height: 50px;top: -24px;left: -16px;position: relative;}

    #home_srv .srv_items .srv_2{top: 15px;right: -5px;position: relative;overflow: unset;}
    #home_srv .srv_2 img:first-child{width: 190px; height: 285px;}
    #home_srv .srv_2 img:last-child{width: 70px;height: 50px;top: -149px;right: -109px;position: relative;}

    #home_srv .srv_items .srv_3{position: relative;top: 0;left: 0;right: 0;bottom: 0;}
    #home_srv .srv_items .srv_4{position: relative;top: 35px;}
    #home_srv .srv_items .srv_5{position: relative;top: 0;left: 0;right: 0;bottom: 0;}

    #home_srv .srv_items .srv_6{overflow: unset;top: 28px;position: relative;left: 2px;}
    #home_srv .srv_6 img:first-child{width: 250px;height: 140px;}
    #home_srv .srv_6 img:last-child{width: 50px;height: 50px;top: -18px;left: 128px;position: relative;}
}

@media (min-width: 992px) {
    .container {padding: 0px 60px;}

}
@media only screen and (max-width: 1919px) and (min-width: 1400px)  {
    #about-page img {max-width: 500px}
}

@media (max-width: 1440px) {

    #home_slider .text .coverImg img {max-width:450px}

}

@media (max-width: 1399px) {}
@media (max-width: 1199px) {
    .container-fluid {padding: 0px 150px;}
    .m-logo {height: 20px}
    #pheader {padding: 100px 0px;}
    #pheader .h-title {text-align: unset;padding-right: unset;}
    #serviceList .sItem {padding-bottom: 50px}
}
@media (max-width: 991px) {

    #home_slider .text .coverImg img {max-width:300px}

    #content-page, #contact-page, #about-page, #projects, #serviceList, #lifeList {
        background-position: top 75px center !important;
    }
    p {
        text-align: left;
    }
    .container-fluid {padding: 0px 20px;}
    .bg-wwd-item ul li {text-align: left}
    #content-page ul li {text-align: left}

    .vh-50 {height: 50vh!important;}
    .vh-40 {height: 40vh!important;}

    #home_slider, #content-page, #contact-page, #home_srv, #home_ba, #home_wwd, #teamList, #lifeList, #jobList, #joinUsList, #about-page, #galleryList, #gallerySlide, #projects, #projectArrow {
        margin-bottom: 100px;
    }

    .bg-wwd-item, .bg-wwd {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    #search .row .col-12 form {padding-bottom: 10px;}
    #search input[type=text] {font-size: 22px; line-height:22px; width: 70%;}
    #search .btn {font-size: 22px !important;}
    #search button {font-size: 22px !important; line-height: 22px; margin-right: 15px;font-weight: 800}
    #search i {font-size: 16px !important;}

    .marker-inner {width: 0px; height: 0px; overflow: hidden}

    .modal-header .btn-close {right: 10px}
    .modal-body {padding: 1rem}
    .modal-footer {padding: 1rem}

    .ps-unset {padding-left: calc(var(--bs-gutter-x) * .5) !important;}
    .pes-5 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    .pes-3 {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }


    .go-bottom {
        bottom: 10px;
        right: calc(50% - 22px);
        width: 35px;
        height: 35px;
        padding: 8px;
       font-size: 10px;
    }

    .go-bottom i {
        font-size: 15px;
    }

    .btn-white {
        height: 40px;
        line-height: 40px;
        padding: 0px 14px;
        font-size: 18px;
    }
    .btn-white img{
        margin-left: 20px;
    }

    .btn-black {
        width: 100%;
        padding: 0px 30px;
        text-align: center;
    }

    .counter span{
        font-size: 68px;
        line-height: 68px;
    }


    #sGallery .col-6{
        padding-bottom: 12px !important;
    }

    #header .logo {max-height: 35px}

    /*#home_slider {
        height: 50vh !important;
    }*/
    #home_slider .text .slide_content span {font-size: 14px;line-height: normal;letter-spacing: 8.4px;}
    #home_slider .text .slide_content{font-size: 25px;line-height: normal;}
    #home_slider .text span {-webkit-text-stroke-width: 0.6px;}
    #home_slider .mause_icon{display: none;}

    .main-swiper .swiper-pagination{text-align: center !important;bottom: 45px;padding-left: 30px;}
    .bal-container {
        height: 40vh !important;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }
    .carousel-control-next, .carousel-control-prev {
        padding: 10px 15px 5px 10px
    }

    .vh-60 {height: 60vh!important;}
    .vh-50 {height: 50vh!important;}
    .vh-40 {height: 40vh!important;}

    #pheader .h-title h1 {font-size:40px !important; line-height:60px !important;}
    #pheader .h-title .pd {font-size:24px !important; line-height:28px !important; width: 80% !important;}
    .progress-bar-hzd span {right: 0px}


    /*.life-btns span{font-size: 14px !important;margin: 0px 10px !important;}
    .life-btns span img {margin-top:-3px !important; max-width: 50px;}
    .life-btns span.prv3 {float: left; padding-left: 25px !important; padding-right: 0px !important; margin-left: 0px !important;}
    .life-btns span.prv3:hover {padding-left: 0px !important; padding-right: 25px !important;}
    .life-btns span.prv3 img {margin-left:10px !important;}
    .life-btns span.nxt3 {float: right !important; padding-right: 25px !important; padding-left: 0px !important;}
    .life-btns span.nxt3:hover {padding-right: 0px !important; padding-left: 25px !important;}
    .life-btns span.nxt3 img {margin-right:10px !important;}*/


    #brand{
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    #gallerySlide .pdr-200 {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .beforeLabel, .afterLabel {
        margin: 1rem 0rem 1rem 0rem;
        font-size: 16px;
    }

    footer {margin-top: 100px}
    #serviceList .sItem h1 {
        font-size: 28px; line-height: normal;
    }
}
@media (max-width: 767px) {

    #home_slider .text .coverImg img {max-width:250px}

    #home_slider .swiper-button-prev{left: var(--swiper-navigation-sides-offset,15px)}
    #home_slider .swiper-button-next{right: var(--swiper-navigation-sides-offset,15px)}

    #svg_logo {width: 175px !important;}

    header .text {width: 90%;left: 0px;margin: auto; align-items: center!important}
    header .slide-inner .vidi img {
        /*max-width: 100%;width: 100%;height: fit-content;object-fit:cover*/
        object-fit: cover;
        object-position: bottom;
        width: 100%;
        height:unset
    }
    header .text::after {display: none}


    header .slide-inner .grs { width: 100% }
    header .slide-inner .grs img {
        max-width: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top;
        height: 105%;
        margin-left: inherit;
        margin-right: inherit;
        min-height: inherit;
        min-width: inherit;
    }

    #pheader {
        height: 30vh !important;
        padding: 100px 0px 0px 0px !important;
        background-size: cover;
    }

    #pheader .h-title {padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5)}
    #pheader .yil {
        bottom: 45px;
        right: 30px;
        max-width: 60px;
    }

    .bg-pheader {background-attachment: unset; background-position: center center;}

    #homeFaaliyetler {margin-top: 50px;}
    #homeFaaliyetler p {max-width: 90%; margin-top:0px; margin-bottom:20px}
    #homeFaaliyetler h3 {font-size: 24px; letter-spacing: 4px}
    #homeFaaliyetler span {max-width: 100%;}
    #Haberler .swiper-button-prev-haber,
    #Haberler .swiper-button-next-haber{
        margin-top: 30px; padding: 20px 22px;
    }
    #homeProjeler .d-flex {display: block !important; text-align: center; padding-top: 2rem; padding-bottom: 1rem}
    #homeProjeler h2 {font-size: 34px; line-height: 40px}
    #homeProjeler .text-end {text-align: center !important;}
    #homeProjeler .ptab {padding: 15px 5px !important;margin-left: 5px;; width:30%; float: unset}
    #homeProjeler .ptab span {font-size: 12px}
    .projeler .proje {padding-right: calc(var(--bs-gutter-x) * .5) !important;padding-left: calc(var(--bs-gutter-x) * .5) !important;}

    #pageProje form .p-4 {
        padding: 0px !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }

    #projeDetay .p-4 {padding: 0.75rem!important}
    #projeDetay .projeDetayAciklama span {font-size: 15px}
    #projeDetay .projeDetayAciklama span.lft {margin-bottom: 0px}
    #projeDetay .projeDetayAciklama span.lft,
    #projeDetay .projeDetayAciklama span.rgt {width: 100%}
    #projeDetay .projeDetayAciklama span.rgt i{display: none}

    #projeDetay .projeTabs a {width: 50%; padding: 0.75em; }
    #projeDetay .projeTabs a h5 {font-size: 14px;line-height: 24px;}
    #projeDetay .tabGorsel .p-4{padding-bottom: 0px !important;}


    #subPageMenu ul {overflow-y: scroll; display: flex; height: 50px }
    #subPageMenu ul::-webkit-scrollbar {
        display: none;
    }


    #homeIK {padding: 1rem}
    #homeIK h2 {font-size: 34px; line-height: 40px}
    #homeIK .d3 {bottom: -15px}
    #homeIK span {
        margin-top: 1rem;
        display: block;
    }

    #homeVideo .vdiv {
        padding: 100px 0px !important;
    }
    #homeVideo h2 {font-size: 34px}
    #homeVideo .pb-5 {padding-bottom: 1rem !important;}

    #Haberler h2 {font-size: 34px}

    #ofisler p {max-width: 100%;}
    #ofisler .p-5 {padding: 1rem 1rem!important;}
    #ofisler .pt-5 {padding: 1rem!important;}
    #ofisler .pb-5 {padding: 1rem!important;}

    footer img {max-width: 50%}
    footer h6 {margin-top: 30px}
    footer #links {padding: 0rem 0.75rem !important;}
    footer #cpr {padding: 0px !important;}
    footer #links .plinks li {width: 50%}
    footer #cpr li {padding-left: 0px}

    #pstat span.dt{margin-top: 0em; margin-bottom: 1em}

    #pageProje h2 {font-size: 34px; line-height: 40px}
    #pageProje form .mt-5 {margin-top:0px !important;}
    #pageProje form .form-select, #pageProje form .form-select:focus {
        border-radius: 0px;
        border: solid 1px #ddd;
        background-color: #f4f4f4;
        line-height: 40px;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 12px;
        text-transform: capitalize;
    }
    #pageProje form .mb-3 {
        margin-bottom: 0rem!important;
    }

    #serviceList .sItem {padding-bottom: 50px}

    #teamList .teamList-item {margin: 0px}
    #teamList .teamList-item .smedia li {
        line-height: 22px;
        width: 22px;
        height: 22px;
    }

    #author img {height: 100px}

}
@media (max-width: 575px) {
    .container-fluid {
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }
    /*h1,h2,h3,h4,h5,h6 {font-size: 28px; line-height: normal; font-weight: 755;}*/
    h1,h2,h3,h4,h5,h6 {font-size: 22px; line-height: normal; font-weight: 700;}

    p {font-size: 16px; line-height: 28px;}
    #content-page, #contact-page, #about-page, #projects, #serviceList {padding-top: 150px}
    .b1 {margin-bottom: 100px}
    .b2 {margin-bottom: 100px}
    #lifeList .life-item a {font-size: 18px; line-height: 26px}
    #jobList .joblist-item {padding: 0 !important;}
    #jobList .joblist-item .pname {font-size: 18px}
    footer ul {margin-top:10px}
    footer li {font-weight: 300}

}
@media (max-width: 380px) {
    .life-btns span{font-size: 13px !important;}
    .life-btns span.prv3 {padding-left: 15px !important;}
    .life-btns span.nxt3 {padding-right: 15px !important;}

    #jobList .joblist-item {font-size: 16px}

}


/*----------------------------------------------
    MOD: TIMELINE
----------------------------------------------*/
@media (min-width: 768px) {
    .timeline-split .timeline, .timeline-centered .timeline { display: table; }
    .timeline-split .timeline-item, .timeline-centered .timeline-item { display: table-row; padding: 0; }
    .timeline-split .timeline-info, .timeline-centered .timeline-info,
    .timeline-split .timeline-marker,
    .timeline-centered .timeline-marker,
    .timeline-split .timeline-content,
    .timeline-centered .timeline-content,
    .timeline-split .period .timeline-info,
    .timeline-centered .period .timeline-info {
        display: table-cell;
        vertical-align: top;
    }
    .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
        position: relative;
    }
    .timeline-split .timeline-content, .timeline-centered .timeline-content {
        padding-left: 30px;
    }
    .timeline-split .timeline-info, .timeline-centered .timeline-info {
        padding-right: 30px;
    }
    .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
        position: relative;
        left: -45px;
    }
}

@media (min-width: 992px) {
    .timeline-centered,
    .timeline-centered .timeline-item,
    .timeline-centered .timeline-info,
    .timeline-centered .timeline-marker,
    .timeline-centered .timeline-content {
        display: block;
        margin: 0;
        padding: 0;
    }
    .timeline-centered .timeline-item {
        padding-bottom: 90px;
        overflow: hidden;
    }
    .timeline-centered .timeline-marker {
        position: absolute;
        left: 50%;
        margin-left: -7.5px;
    }
    .timeline-centered .timeline-info,
    .timeline-centered .timeline-content {
        width: 50%;
    }
    .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
        float: left;
        text-align: right;
        padding-right: 30px;
    }
    .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
        float: right;
        text-align: left;
        padding-left: 30px;
    }
    .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
        float: right;
        text-align: left;
        padding-left: 30px;
    }
    .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
        float: left;
        text-align: right;
        padding-right: 30px;
    }
    .timeline-centered > .timeline-item.period .timeline-content {
        float: none;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .timeline-centered .timeline-item.period {
        padding: 50px 0 90px;
    }
    .timeline-centered .period .timeline-marker:after {
        height: 30px;
        bottom: 0;
        top: auto;
    }
    .timeline-centered .period .timeline-title {
        left: auto;
    }
}