/*
 * Presentation-only alignment overrides derived from the supplied legacy
 * full-page reference. Theme colors and component behavior remain unchanged.
 */

@media (min-width: 992px) {
    body {
        font-size: 14px;
        line-height: 1.5;
    }

    .container {
        width: 100%;
    }

    .header-top {
        height: 42px;
    }

    .header-top .navs,
    .header-top .social {
        line-height: 42px;
    }

    .header-top .navs li {
        margin: 0 6px;
    }

    .header-top ul li a,
    .header-top .trigger-link {
        font-size: 11px;
    }

    .header-top .social {
        padding-left: 6px;
    }

    .header-top .social li {
        margin: 0 3px;
    }

    .header-top .social li a i {
        width: 24px;
        height: 24px;
        line-height: 21px;
        font-size: 11px;
    }

    .h-border {
        height: 20px;
        margin: 0 14px;
    }

    .header-bottom {
        top: 42px;
        height: 88px;
    }

    .header-bottom .logo-box {
        height: 88px;
    }

    .header-bottom .logo {
        width: 155px;
        max-height: 56px;
        margin-top: -31px;
        object-fit: contain;
    }

    .header-bottom .navs {
        margin: 18px 0;
        font-size: 14px;
        line-height: 48px;
    }

    .header-bottom .navs li a {
        line-height: 48px;
        white-space: nowrap;
    }

    .header-bottom .search-box a {
        font-size: 28px;
    }

    .home-hero #carouselExampleControls,
    .home-hero #carouselExampleControls > .carousel-inner,
    .home-hero .ustslider {
        height: 500px;
    }

    .home-hero .ustslider > img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

    .home-hero .slider-text {
        top: 40%;
        max-width: 760px;
    }

    .home-hero .slider-text .slide-title {
        margin-bottom: 12px;
        font-size: 48px;
        line-height: 1.08;
    }

    .home-hero .slider-text .text {
        margin-top: 12px;
        margin-bottom: 14px;
        font-size: 19px;
        line-height: 1.45;
    }

    .home-hero .button-border {
        min-width: 145px;
        height: 38px;
        padding: 7px 18px;
        font-size: 12px;
    }

    .home-hero .carousel-control-prev,
    .home-hero .carousel-control-next {
        width: 7%;
    }

    .home-hero .carousel-control-prev i,
    .home-hero .carousel-control-next i {
        font-size: 34px;
    }

    .home-hero .header-down {
        bottom: 118px;
        width: 22px;
        height: 36px;
    }

    .home-hero .slide-menu {
        width: calc(100% - 30px);
        max-width: 1140px;
        height: 88px;
    }

    .home-hero .slide-menu .ortamenu {
        height: 88px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .home-hero .slide-menu .ortamenu > a,
    .home-hero .slide-menu .ortamenu > a > .row {
        display: block;
        height: 100%;
    }

    .home-hero .slide-menu .ortamenu > a > .row {
        display: flex;
        margin-right: -10px;
        margin-left: -10px;
    }

    .home-hero .slide-menu .fa,
    .home-hero .slide-menu .fas,
    .home-hero .slide-menu .fab,
    .home-hero .slide-menu .far {
        font-size: 30px;
    }

    .home-hero .slide-menu h6 {
        font-size: 14px;
        line-height: 1.2;
    }

    .home-hero .slide-menu p {
        margin-top: 3px;
        font-size: 10px;
        line-height: 1.25;
    }

    .home-news {
        margin-bottom: 44px;
    }

    .home-news .haber-section > div,
    .home-news #haberSlide,
    .home-news #haberSlide .carousel-inner,
    .home-news #haberSlide .carousel-item {
        height: 440px;
    }

    .home-news #haberSlide .content {
        bottom: 18px;
    }

    .home-news #haberSlide .content h3,
    .home-news .diger-haberler a .content h3 {
        font-size: 18px;
        line-height: 1.25;
    }

    .home-news .diger-haberler a .content {
        right: 22px;
        bottom: 16px;
        left: 22px;
    }

    .home-news .diger-haberler a .content p {
        font-size: 11px;
    }

    .home-news .haber-nav,
    .home-news #haberSlide .carousel-indicators {
        bottom: -44px;
        height: 44px !important;
    }

    .home-news .haber-nav ul,
    .home-news #haberSlide .carousel-indicators li {
        height: 44px;
    }

    .home-news .haber-nav ul li a,
    .home-news #haberSlide .carousel-indicators li {
        line-height: 44px;
        font-size: 12px;
    }

    .home-updates .etkinlik-section {
        align-items: stretch;
        padding: 38px 0;
    }

    .home-updates .etkinlik-section > div {
        display: flex;
    }

    .home-updates .tab-component,
    .home-updates .etkinlik-kutucuk {
        width: 100%;
        min-height: 350px;
    }

    .home-updates .tab-component .tab-head .tab-link {
        padding: 9px 4px;
        font-size: 12px;
    }

    .home-updates .tab-component .tab-body .tab-panel {
        min-height: 315px;
    }

    .home-updates .tab-component .tab-body .tab-panel > div {
        height: 260px;
        padding: 20px 34px 16px 24px;
    }

    .home-updates .etkinlik-list-box {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .home-updates .etkinlik-kutucuk {
        height: 350px;
        padding: 22px 24px;
    }

    .home-updates .etkinlik-kutucuk img {
        width: 100%;
        height: 205px;
        object-fit: cover;
    }

    .home-updates .etkinlik-kutucuk .g-title {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 1.25;
    }

    .home-updates .etkinlik-kutucuk ul {
        margin-top: 10px;
    }

    .projeler-section {
        padding-bottom: 42px;
    }

    .projeler-section h3.g-title {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 28px;
    }

    .projeler-section .owl-carousel-proje {
        height: 300px;
    }

    .projeler-section .owl-stage,
    .projeler-section .owl-item {
        height: 270px !important;
    }

    .projeler-section .proje-slider img,
    .projeler-section .proje-slider .content {
        height: 250px;
    }

    .projeler-section .proje-slider h4.g-title {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 1.25;
    }

    .projeler-section .proje-slider p {
        font-size: 13px;
        line-height: 1.5;
    }

    .projeler-section .custom-owl-nav button {
        width: 46px;
        height: 46px;
    }

    .projeler-section .tumunu-gor {
        margin-top: 15px;
    }

    .hizli-menu {
        margin-top: 38px !important;
        margin-bottom: 38px !important;
    }

    .hizli-menu-box {
        height: 240px;
    }

    .hizli-menu-box > a:first-child {
        height: 205px;
        padding: 30px 12px;
        transform: translateY(20px);
    }

    .hizli-menu-box .hizli-back {
        top: 20px;
        bottom: 20px;
    }

    .hizli-menu-box .hizli-icon {
        margin-bottom: 10px;
        font-size: 36px;
    }

    .hizli-menu-box p:first-child {
        font-size: 14px;
    }

    .hizli-menu-box p:last-child {
        font-size: 12px;
        line-height: 1.35;
    }

    .fotogaleri-section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .fotogaleri-section .gallery-description,
    .fotogaleri-section .gallery-cover-kapak {
        height: 210px;
    }

    .fotogaleri-section .gallery-description {
        padding-right: 28px;
        padding-left: 28px;
    }

    .fotogaleri-section .gallery-description .title {
        font-size: 23px;
    }

    .fotogaleri-section .gallery-description .text {
        margin-bottom: 14px;
        font-size: 12px;
    }

    .fotogaleri-section .gallery-body {
        padding: 18px;
    }

    .fotogaleri-section .gallery-body .title {
        font-size: 16px;
        line-height: 1.25;
    }

    .section.cover-2 {
        height: 560px;
    }

    .contact-us-content.left {
        padding-right: 42px;
    }

    .contact-us-content.right {
        height: 500px;
        padding-top: 28px;
        padding-bottom: 28px;
        padding-left: 40px;
    }

    .contact-us-content > .title {
        font-size: 28px;
    }

    .contact-us-content > .text,
    .contact-us-list .text {
        font-size: 14px;
    }

    .contact-us-list {
        margin-top: 22px;
    }

    .contact-us-list ul li:not(:last-child),
    .form-custom ul li {
        margin-bottom: 12px;
    }

    .contact-us-list .icon {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        font-size: 19px;
    }

    .form-custom ul li input {
        height: 50px;
        padding-left: 65px;
        font-size: 14px;
    }

    .form-custom ul li .icon {
        width: 52px;
        height: 50px;
    }

    .form-custom ul li textarea {
        height: 125px;
        padding-top: 14px;
        font-size: 14px;
    }

    .iletisim-adres.large {
        margin-bottom: 28px !important;
    }

    .iletisim-adres-bilgi {
        height: 170px;
    }

    .iletisim-adres .icon {
        width: 52px;
        height: 52px;
        margin-bottom: 12px;
        font-size: 20px;
    }

    .iletisim-adres-bilgi .title {
        font-size: 15px;
    }

    .iletisim-box {
        padding-top: 44px;
        padding-bottom: 32px;
    }

    .iletisim-box .sol img {
        max-width: 260px;
        max-height: 130px;
        object-fit: contain;
    }

    .iletisim-box .title h3 {
        margin-bottom: 8px;
        font-size: 28px;
    }

    .iletisim-box .title p {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .form-box .inputs {
        padding: 7px 10px;
    }

    .form-box .inputs .iletisim-form {
        height: 44px;
        border-radius: 6px;
    }

    .form-box .inputs textarea.iletisim-form {
        min-height: 96px;
    }

    .form-button.iletisim-page {
        margin-top: 10px;
    }

    .harita-section iframe {
        height: 330px;
    }

    .footer-ust {
        background: #3b4d5f;
        min-height: 330px;
        padding-bottom: 14px;
    }

    .footer-ust:before,
    .footer-baslik {
        height: 54px;
    }

    .footer-baslik {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .footer-dbv7 ul li a {
        padding-top: 2px;
        padding-bottom: 2px;
        font-size: 12px;
    }

    .footer-logo {
        margin-top: 54px;
        margin-right: 0;
    }

    .footer-logo img {
        width: 155px;
        padding: 6px;
    }

    .footer-alan .description .text {
        font-size: 14px;
    }

    .footer-alan .description .title {
        font-size: 17px;
    }

    .footer-social {
        margin-top: 22px;
    }

    .footer-social a {
        width: 30px;
        height: 30px;
    }

    .footer-bottom {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer-bottom .text {
        font-size: 11px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) and (max-width: 1823px) {
    .container,
    .home-hero .slide-menu {
        max-width: 1320px;
    }
}

@media (min-width: 1824px) {
    .container,
    .home-hero .slide-menu {
        max-width: 1400px;
    }
}

@media (max-width: 991px) {
    body {
        font-size: 14px;
        line-height: 1.5;
    }

    .header-mobile {
        height: 84px;
        padding: 7px 10px;
    }

    .header-mobile .logo {
        width: auto;
        max-width: 150px;
        height: 68px;
        object-fit: contain;
    }

    .home-hero #carouselExampleControls,
    .home-hero #carouselExampleControls > .carousel-inner,
    .home-hero .ustslider,
    .home-hero .ustslider > img {
        height: 360px !important;
    }

    .home-hero .ustslider > img {
        object-fit: cover !important;
    }

    .home-hero .slider-text {
        top: 48%;
    }

    .home-hero .slider-text .slide-title {
        font-size: 34px;
    }

    .home-hero .slide-menu > .row > .ortamenu {
        min-height: 110px;
    }

    .home-hero .slide-menu .fa,
    .home-hero .slide-menu .fas,
    .home-hero .slide-menu .fab,
    .home-hero .slide-menu .far {
        font-size: 30px;
    }

    .home-news {
        margin-bottom: 0;
    }

    .home-updates .etkinlik-section {
        padding: 34px 0;
    }

    .projeler-section {
        padding-bottom: 45px;
    }

    .footer-ust {
        min-height: 0;
        padding-bottom: 30px;
    }

    .iletisim-box {
        padding-top: 38px;
        padding-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .home-hero #carouselExampleControls,
    .home-hero #carouselExampleControls > .carousel-inner,
    .home-hero .ustslider,
    .home-hero .ustslider > img {
        height: 280px !important;
    }

    .home-hero .slider-text .slide-title {
        font-size: 25px;
    }

    .home-hero .slider-text .text {
        margin-top: 8px;
        margin-bottom: 10px;
        font-size: 13px !important;
        line-height: 1.35;
    }

    .home-hero .slide-menu > .row > .ortamenu {
        min-height: 100px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .home-news .haber-section > div,
    .home-news #haberSlide {
        height: 380px;
    }

    .home-updates .etkinlik-section {
        padding: 28px 0;
    }

    .home-updates .tab-component .tab-body .tab-panel {
        min-height: 330px;
    }

    .home-updates .tab-component .tab-body .tab-panel > div {
        height: 275px;
        padding: 18px 28px 14px 20px;
    }

    .projeler-section .proje-slider img {
        height: 220px;
    }

    .iletisim-adres-bilgi {
        height: 165px;
    }

    .form-button.iletisim-page {
        margin-left: 50px;
    }

    .harita-section iframe {
        height: 240px;
    }

    .footer-bottom {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}