﻿@media (max-width: 1440px) {
    .navbar-brand img {
        max-height: 45px;
    }

    .stellarnav li a {
        padding: 0px 12px;
    }

    .homepage-islemler .islem-sol::before {
        transform: skewX(-6.2deg);
    }

    .icerik .hizli-arama input {
        width: 350px;
    }

    .icerik .hizli-giris input {
        width: 160px;
    }

    body.homepage #slider .item img:not(.none), .main-video video {
        min-height: 260px;
        max-height: 366px;
    }
}

@media(min-width: 1023px) and (max-width: 1367px) {
    body.homepage #slider .item img:not(.none), .main-video video {
        min-height: 260px;
        max-height: 325px;
    }
	
	.stellarnav li a {
        padding: 0px 11px;
        font-size: .9rem;
    }
}


@media (min-width: 1441px) {
    body.homepage #slider .item img:not(.none), .main-video video {
        min-height: 360px;
        max-height: 436px;
    }
}

@media (min-width: 1441px) and (max-width: 1919px) {
    body.homepage #slider .item img:not(.none), .main-video video {
        min-height: 360px;
        max-height: 436px;
    }
}

@media (min-width: 1920px) {
    body.homepage #slider .item img:not(.none), .main-video video {
        min-height: 360px;
        max-height: 450px;
    }
}

@media (min-width: 1199.98px) {

    /*	.container:not(.none) { max-width: 1440px; }*/
    .container-fluid:not(.none) {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .header-top {
        margin: 0 18px;
    }

    .navbar-brand {
        margin-left: 18px;
    }

    .page-header h1 {
        font-size: 2rem;
    }

    #slider .caption-content {
        max-width: 670px;
    }
}

@media (max-width: 1199.98px) {
    .photogallery-list .list-img, .photogallery-list .img-center {
        height: 169px;
    }

    .products-list .img-center, .products-list .list-img {
        height: 249px;
    }

    .news-list .list-img, .news-list .img-center {
        height: 192px;
    }

    .staffs-list .img-center, .staffs-list .list-img {
        height: 251px;
    }

    .contentdetail-list .img-center, .contentdetail-list .list-img {
        height: 204px;
    }

    .pdf-list .list-img, .pdf-list .img-center {
        height: 295px;
    }

    .press-list .list-img, .press-list .img-center {
        height: 188px;
    }

    .services-list .img-center, .services-list .list-img {
        height: 204px;
    }

    #sync1 .img-center {
        height: 485px;
    }

    #sync2 .img-center {
        height: 112px;
    }

    /* Mobile Mod */
    .mobile-nav {
        display: block;
        margin-left: auto;
    }

    .navbar-toggle span {
        width: 34px;
        height: 3px;
        display: block;
        border-radius: 2px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .navbar-toggle span + span {
        margin-top: 5px;
    }

    .navbar-toggle span.bar1 {
        width: 22px;
    }

    .navbar-toggle span.bar3 {
        width: 29px;
    }

    .navbar-toggle.open {
        padding: 10px;
    }

    .navbar-toggle.open span.bar1 {
        -webkit-transform: rotate(-45deg) translateY(5.5px) translateX(-5.5px);
        -moz-transform: rotate(-45deg) translateY(5.5px) translateX(-5.5px);
        -ms-transform: rotate(-45deg) translateY(5.5px) translateX(-5.5px);
        -o-transform: rotate(-45deg) translateY(5.5px) translateX(-5.5px);
        transform: rotate(-45deg) translateY(5.5px) translateX(-5.5px);
    }

    .navbar-toggle.open span.bar2 {
        opacity: 0;
        -webkit-transition: opacity 0s ease-out;
        -o-transition: opacity 0s ease-out;
        transition: opacity 0s ease-out;
    }

    .navbar-toggle.open span.bar3 {
        -webkit-transform: rotate(45deg) translateY(-5.5px) translateX(-5.5px);
        -moz-transform: rotate(45deg) translateY(-5.5px) translateX(-5.5px);
        -ms-transform: rotate(45deg) translateY(-5.5px) translateX(-5.5px);
        -o-transform: rotate(45deg) translateY(-5.5px) translateX(-5.5px);
        transform: rotate(45deg) translateY(-5.5px) translateX(-5.5px);
    }

    .navbar-toggle:hover span, .navbar-toggle.open span {
        width: 26px !important;
    }

    .navbar-brand {
        padding: 1rem 0;
    }

    .navbar-brand img {
        max-height: 70px;
    }

    header .header-top {
        display: none
    }

    .header-top {
        margin-left: 5px;
        margin-right: 5px;
        line-height: inherit;
        margin-bottom: 1.5rem;
    }

    .header-top li {
        margin-bottom: 14px
    }

    .languages, #panel .social-icons, #top-menu {
        float: none;
        margin-left: 0;
    }

    .languages button {
        padding-left: 0;
    }

    #top-menu {
        text-align: left;
    }

    #top-menu li {
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    #top-menu li.search-box {
        display: none;
    }

    .whatsapp-info, .site-bottom .btn {
        display: block;
    }
    /* Mobile Mod */

    .bottom-menu.submenu {
        overflow: scroll;
        flex-wrap: nowrap;
        text-align: left;
    }

    .bottom-menu.submenu > li {
        min-width: 214px;
    }

    .bottom-menu.submenu li.f-company {
        min-width: 244px;
    }

    .search-place .search-close {
        margin-bottom: 1rem;
    }

    .search-place .search-close i {
        font-size: 1.25rem;
        line-height: 1.25rem;
    }

    .search-form.before-font-awesome:before {
        font-size: 1.25rem;
        left: 14px;
    }

    .search-form .form-control {
        height: 60px;
        padding: 10px 70px 10px 42px;
        font-size: .875rem;
    }

    .search-form .btn {
        font-size: 1.1rem;
        padding-right: 10px;
    }

    .search-form .btn i {
        font-size: 1.5rem;
        margin-left: 5px;
    }

    .search-place .search-content .h1 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    #slider .caption h3 {
        font-size: 2.6rem;
        margin-bottom: 1rem;
    }

    #slider .caption h4 {
        font-size: 3.6rem;
    }

    #slider .caption p:not(.none) {
        font-size: 1.2rem;
    }

    #slider .caption .btn {
        font-size: 1rem;
        margin-top: 1rem;
    }

    .main-video .c-button {
        font-size: 1.1875rem;
    }

    .videosl .btnplay {
        display: block;
    }

    .homepage-middle .item img:not(.none) {
        min-height: 420px;
    }

    .homepage-middle-bg {
        padding: 6rem 0;
    }

    .testimonial blockquote p {
        padding: 0 10px;
    }

    .reference-list .cols {
        max-width: calc(100% / 4);
        flex: 1 1 calc(100% / 4);
    }

    .h-style {
        font-size: 2rem;
    }

    #kvkk {
        width: 100%;
    }

    #kvkk .kvkk-inner {
        font-size: .75rem;
        padding: 10px;
        margin: 5px;
    }

    #kvkk .btn {
        margin-right: 5px;
        padding: 5px 10px;
        font-size: .75rem;
    }

    #kvkk p {
        margin-bottom: 10px;
    }

    html[dir="rtl"] .navbar-brand {
        margin-right: 0;
    }
}

@media (max-width: 991.98px) {
    .news-list .list-img, .news-list .img-center {
        height: 219px;
    }

    .contentdetail-list .img-center, .contentdetail-list .list-img {
        height: 232px;
    }

    .press-list .list-img, .press-list .img-center {
        height: 213px;
    }

    .services-list .img-center, .services-list .list-img {
        height: 232px;
    }

    #sync1 .img-center {
        height: 393px;
    }

    #sync2 .img-center {
        height: 89px;
    }

    .sidebar {
        width: 100%;
        padding-bottom: 0px;
    }

    .pnl-sidebar {
        display: block;
        margin-bottom: 1rem;
    }

    .sidebar-content {
        display: none;
    }

    .details-img {
        width: 48%;
    }

    #slider .caption h3 {
        font-size: 2.4rem;
    }

    #slider .caption h4 {
        font-size: 3.4rem;
    }

    .homepage-text li .homepage-content {
        padding-left: 0;
        padding-right: 0;
    }

    .fancyboxModal, .fancybox-slide--iframe .fancybox-content {
        max-width: 100%;
    }

    .reference-list .cols {
        max-width: calc(100% / 3);
        flex: 1 1 calc(100% / 3);
    }

    .masonry-row {
        column-count: 2;
    }

    .section-title-one::before {
        font-size: 2rem;
        line-height: 2rem;
    }

    .section-title-one span {
        padding: 6px 20px;
        font-size: 1.75rem;
        letter-spacing: -1px;
    }

    .contentSlider2 .content-slider-content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 991.98px) {
    .sidebar-content {
        display: block !important;
    }

    .sidebar-inner {
        position: sticky;
        top: 100px;
    }

    .sidebar {
        border-right: 1px solid #e4e9ef;
        margin-right: 2%;
        max-width: 23%;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
    }

    #panel {
        max-width: 50%;
    }

    .custom-nav5.owl-theme .owl-nav [class*=owl-] {
        font-size: 3rem;
        color: #c8c8c8;
        padding: 0px;
        background: initial;
    }

    .custom-nav5.owl-theme .owl-nav button.owl-prev {
        left: -40px;
    }

    .custom-nav5.owl-theme .owl-nav button.owl-next {
        right: -40px;
    }
}

@media (min-width: 767.98px) {
    html[dir="rtl"] .history-list li .pl-5 {
        padding-left: 15px !important;
        padding-right: 3rem !important;
    }

    html[dir="rtl"] .history-list li .pr-5 {
        padding-left: 3rem !important;
        padding-right: 15px !important
    }
}

@media (max-width: 767.98px) {
    .photogallery-list .list-img, .photogallery-list .img-center {
        height: 193px;
    }

    .products-list .img-center, .products-list .list-img {
        height: 284px;
    }

    .news-list .list-img, .news-list .img-center {
        height: 159px;
    }

    .staffs-list .img-center, .staffs-list .list-img {
        height: 287px;
    }

    .contentdetail-list .img-center, .contentdetail-list .list-img {
        height: 169px;
    }

    .pdf-list .list-img, .pdf-list .img-center {
        height: 337px;
    }

    .press-list .list-img, .press-list .img-center {
        height: 155px;
    }

    .services-list .img-center, .services-list .list-img {
        height: 169px;
    }

    #sync1 .img-center {
        height: 604px;
    }

    #sync2 .img-center {
        height: 142px;
    }

    .editor-content img[style*="left"] {
        margin: 0 0 1rem 0;
        max-width: 100%;
        width: 100%;
        float: none !important;
    }

    .editor-content img[style*="right"] {
        margin: 0 0 1rem 0;
        max-width: 100%;
        width: 100%;
        float: none !important;
    }

    .details-img {
        float: none;
        width: 100%;
        margin: 0 0 3rem 0;
    }

    #slider .caption h3 {
        font-size: 2rem;
    }

    #slider .caption h4 {
        font-size: 3rem;
    }

    #slider .caption p:not(.none) {
        font-size: 1rem;
    }

    .social-likes__button b {
        display: none;
    }

    .social-likes__button i {
        margin-right: 0px;
    }

    .news-list .btn {
        display: block;
        width: 100%;
        margin-top: 1.4rem;
    }

    .custom-nav2.owl-theme .owl-nav [class*=owl-] {
        opacity: 1;
    }

    .custom-nav1.owl-theme .owl-nav [class*=owl-] {
        display: none;
    }

    .pagination .sayfa-text, .pagination .sayfa-first, .pagination .sayfa-last {
        display: none;
    }

    .humanresources .form-group .dot {
        display: none;
    }

    .humanresources .form-control, .fill-form .form-control, .right-col, .fill-form .custom-file {
        width: 100%;
        display: block;
    }

    .homepage-middle-bg {
        padding: 4rem 0;
    }

    .social-share button span {
        display: none;
    }

    .social-share button i {
        margin-right: 0px;
    }

    .history-list li .spera-bg-before, .history-list li .spera-bg-after {
        margin-bottom: 1rem;
    }

    .history-list li .spera-bg-before img, .history-list li .spera-bg-after img {
        width: 100%;
        max-width: 100%;
    }

    .history-list li .spera-bg-before:before, .history-list li .spera-bg-after:after {
        content: none;
    }

    .history-list li .pl-5, .history-list li .pr-5 {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .icerik .hizli-arama input {
        width: 220px !important;
    }

    .hizli-giris .d-flex {
        flex-direction: column;
        gap: 1rem;
    }

    .hizli-giris input {
        width: 300px !important;
    }

    .icerik .hizli-giris input:nth-child(2) {
        border-radius: 15px !important;
        margin-left: 0 !important;
    }

    .homepage-islemler .islem-sol::before {
        transform: none !important;
    }

    .homepage-islemler .islem-sag {
        background: url(../img/bg2.jpg) no-repeat right !important;
    }


    .homepage-middle .item img:not(.none) {
        min-height: 220px !important;
    }

    .proje-list img {
        padding-top: 1rem;
    }

    .res-b-blok {
        display: block !important;
    }

    .res-mt-1 {
        margin-top: 1rem;
    }

    .middle, .faq-title::after, .yes-banner .page-header {
        bottom: 20% !important;
    }

    .page-header h1 {
        font-size: 1.35rem !important;
    }

    .stellarnav ul ul li {
        width: 100% !important;
        display: block !important;
    }

    body.homepage #slider .item img:not(.none), .main-video video {
        height: 260px;
    }

    .homepage-links {
		width: 95%;
		        margin: 0 auto;
         /* margin-left: 1rem;
       margin-right: 1rem; */
    }

    .homepage-links .owl-theme .owl-nav button.owl-prev {
        left: -30px !important;
    }

    .icerik .icerik-butonlari button {
        padding: 1rem !important;
    }
	
	.icerik .hizli-giris button{
		margin: 0 auto;
	}
	
	.breadcrumb{
		display:none;
	}
	
	 
	
	.homepage-links .owl-nav {
		display: none !important;
	}
}

@media (max-width: 575.98px) {
    .photogallery-list .list-img, .photogallery-list .img-center {
        height: 207px;
    }

    .products-list .img-center, .products-list .list-img {
        height: 305px;
    }

    .news-list .list-img, .news-list .img-center {
        height: 170px;
    }

    .staffs-list .img-center, .staffs-list .list-img {
        height: 308px;
    }

    .contentdetail-list .img-center, .contentdetail-list .list-img {
        height: 181px;
    }

    .pdf-list .list-img, .pdf-list .img-center {
        height: 295px;
    }

    .press-list .list-img, .press-list .img-center {
        height: 167px;
    }

    .services-list .img-center, .services-list .list-img {
        height: 181px;
    }

    #sync1 .img-center {
        height: 646px;
    }

    #sync2 .img-center {
        height: 153px;
    }

    .sm-w100 .img-center:not(.none) img {
        position: relative;
    }

    .sm-w100 .list-img:not(.none), .sm-w100 .img-center:not(.none) {
        height: auto !important;
    }

    .navbar-brand img {
        max-height: 60px;
    }

    .card-body {
        padding: 1rem;
    }

    #slider .caption h3 {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    #slider .caption h4 {
        font-size: 2.6rem;
    }

    .homepage-middle .item img:not(.none) {
        min-height: 480px;
    }

    .panel-open header.fixed-top .navbar-brand {
        opacity: 0;
    }

    .custom-nav3.owl-theme .owl-nav button.owl-prev {
        left: 0px;
    }

    .custom-nav3.owl-theme .owl-nav button.owl-next {
        right: 0px;
    }

    header .social-icons {
        display: none;
    }

    .news-list .news-date {
        padding: 5px;
    }

    .news-list .news-date b {
        font-size: 1.2rem;
    }

    .kborder2:before {
        left: -10px;
    }

    .reference-list .cols {
        max-width: calc(100% / 2);
        flex: 1 1 calc(100% / 2);
    }

    .masonry-row {
        column-count: 1;
    }

    .h-style {
        font-size: 2rem;
    }

    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .h-76px {
        min-width: inherit;
        width: 100%;
    }

    .site-bottom .btn {
        font-size: .875rem;
    }

    .faq-item figure {
        width: 62px;
    }

    .faq-item.resimVar .faq-title-name {
        width: calc(100% - 72px);
    }

    .faq-content, .faq-title {
        padding-left: 12px;
        padding-right: 12px;
    }

    .faq-content {
        padding-top: 1rem;
    }

    .faq-title {
        font-size: 1rem;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 30px;
    }

    .faq-title::after {
        font-size: 1.25rem;
        right: 10px;
    }

    .faq-item.resimVar .faq-content {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 480px) {
    .photogallery-list .list-img, .photogallery-list .img-center {
        height: 169px;
    }

    .products-list .img-center, .products-list .list-img {
        height: 248px;
    }

    .news-list .list-img, .news-list .img-center {
        height: 139px;
    }

    .staffs-list .img-center, .staffs-list .list-img {
        height: 250px;
    }

    .contentdetail-list .img-center, .contentdetail-list .list-img {
        height: 148px;
    }

    .pdf-list .list-img, .pdf-list .img-center {
        height: 249px;
    }

    .press-list .list-img, .press-list .img-center {
        height: 136px;
    }

    .services-list .img-center, .services-list .list-img {
        height: 148px;
    }

    #sync1 .img-center {
        height: 533px;
    }

    #sync2 .img-center {
        height: 124px;
    }
}

@media (max-width: 414px) {
    .photogallery-list .list-img, .photogallery-list .img-center {
        height: 143px;
    }

    .products-list .img-center, .products-list .list-img {
        height: 210px;
    }

    .staffs-list .img-center, .staffs-list .list-img {
        height: 211px;
    }

    .contentdetail-list .img-center, .contentdetail-list .list-img {
        height: 125px;
    }

    .pdf-list .list-img, .pdf-list .img-center {
        height: 250px;
    }

    .services-list .img-center, .services-list .list-img {
        height: 250px;
    }

    #sync1 .img-center {
        height: 455px;
    }

    #sync2 .img-center {
        height: 105px;
    }

    .cols.col-6.v2:not(.none) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .cols.col-6.v2 .img-center img {
        position: relative;
    }

    .cols.col-6.v2 .list-img, .cols.col-6.v2 .img-center {
        height: auto;
    }

    .cols.col-6.v2 .single-row {
        overflow: inherit;
        text-overflow: inherit;
        white-space: inherit;
    }

    .cols.col-6.v2 .card-text, .cols.col-6.v2 .card-title {
        height: auto;
    }

    #slider .caption h3 {
        font-size: 1.4rem;
    }

    #slider .caption h4 {
        font-size: 2.4rem;
    }
}

@media (max-width: 375px) {
    .img-center:not(.none) img {
        position: relative;
    }

    .list-img:not(.none), .img-center:not(.none) {
        height: auto !important;
        width: auto !important;
    }

    #sync1 .img-center {
        height: 409px;
    }

    #sync2 .img-center {
        height: 93px;
    }

    .cols.col-6:not(.none) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .card-list .cols.col-6:not(.none) figure {
        text-align: center;
    }

    .single-row {
        overflow: inherit;
        text-overflow: inherit;
        white-space: inherit;
    }

    .card-text, .card-title {
        height: auto;
    }
}

@media (max-width: 320px) {

    #sync1 .img-center {
        height: 344px;
    }

    #sync2 .img-center {
        height: 77px;
    }

    .owl-carousel .cols {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
        margin-bottom: 0px !important;
    }

    #slider .caption h3 {
        font-size: 1.2rem;
    }

    #slider .caption h4 {
        font-size: 2.2rem;
    }
}
