/*
 * Ankara Elektrik Taahhut - okunabilirlik ve logo olceklendirme duzenlemeleri
 * Ana tema dosyasindan sonra yuklenir.
 */

body {
    font-size: 17px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Site genelindeki aciklama ve icerik metinleri */
.heading-2 p,
.about .part-txt p,
.service .service-slider .single-box .part-txt p,
.service-2 .service-boxes .single-box .part-txt p,
.recent-work .single-box .part-txt p,
.testimonial .single-comment p,
.testimonial-2 .single-comment .part-txt p,
.project .single-box .part-txt p,
.project-details .part-txt p,
.project-details .part-txt-2 p,
.project-details .part-txt-3 p,
.blog .single-box .part-txt p,
.blog-2 .single-box .part-txt p,
.blog-details .main-content .part-txt p,
.blog-details .main-content .part-txt-2 p,
.blog-details .main-content .blog-comment p,
.service-details .main-content .part-txt p,
.about-inner .boxes .single-box p,
.team-details .part-txt p,
.contact .form-area .title p,
.main-sidebar .side-about p {
    font-size: 18px !important;
    line-height: 1.72 !important;
}

/* Kartlar, formlar ve alt alanlardaki kucuk kalan metinler */
.def-btn,
.contact input,
.contact textarea,
.service-details .sidebar .nav-link,
.service-details .sidebar .download-btn,
.project-inner .control-panel .controls li {
    font-size: 16px !important;
}

.footer .main-footer .site-info p,
.footer .main-footer .footer-contact ul li,
.footer .main-footer .footer-service ul li,
.footer .main-footer .footer-service ul li a {
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.footer .copyright p,
.copyright p {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Ust menu metinleri */
.header .top-header .top-right ul li {
    font-size: 16px !important;
}

.header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
    font-size: 19px !important;
    letter-spacing: 0.1px;
}

/* Logo: kaynaktaki yuksek cozumurluklu gorseli ezmeden goster */
.header .bottom-header .logo {
    position: absolute;
    width: 200px !important;
    padding: 16px 8px 14px !important;
    z-index: 9;
}

.header .bottom-header .logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.header .bottom-header .logo img {
    display: block;
    width: 185px !important;
    max-width: 185px !important;
    height: auto !important;
    object-fit: contain;
    image-rendering: auto;
}

.header .bottom-header.fixed-header .logo {
    width: 150px !important;
    padding: 5px 8px !important;
}

.header .bottom-header.fixed-header .logo img {
    width: auto !important;
    max-width: 135px !important;
    max-height: 64px;
}

.main-sidebar .logo {
    width: 160px !important;
    height: 130px !important;
    padding: 10px;
}

.main-sidebar .logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header .bottom-header .logo {
        width: 165px !important;
        padding: 16px 6px 14px !important;
    }

    .header .bottom-header .logo img {
        width: 152px !important;
        max-width: 152px !important;
    }

    .header .bottom-header .navbar .navbar-nav .nav-item {
        padding-right: 25px;
    }
}

@media (max-width: 991px) {
    .header .bottom-header:after {
        height: 76px !important;
    }

    .header .bottom-header .navbar-toggler,
    .header .bottom-header .side-bar-btn .side-bar-show {
        height: 76px !important;
    }

    .header .bottom-header .logo,
    .header .bottom-header.fixed-header .logo {
        left: 50%;
        top: 0;
        width: 160px !important;
        padding: 6px 10px 8px !important;
        transform: translateX(-50%);
    }

    .header .bottom-header .logo img,
    .header .bottom-header.fixed-header .logo img {
        width: 145px !important;
        max-width: 145px !important;
        max-height: none;
    }

    .header .bottom-header .logo:after {
        top: 0;
        bottom: -14px;
        border-radius: 0 0 34px 34px;
    }

    .header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 18px !important;
        line-height: 1.35;
        padding: 7px 0;
    }

    .banner .slider {
        padding-top: 127px;
    }

    .breadcrumb {
        margin-top: 127px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
    }

    .heading-2 p,
    .about .part-txt p,
    .service .service-slider .single-box .part-txt p,
    .service-2 .service-boxes .single-box .part-txt p,
    .recent-work .single-box .part-txt p,
    .testimonial .single-comment p,
    .testimonial-2 .single-comment .part-txt p,
    .project .single-box .part-txt p,
    .project-details .part-txt p,
    .project-details .part-txt-2 p,
    .project-details .part-txt-3 p,
    .blog .single-box .part-txt p,
    .blog-2 .single-box .part-txt p,
    .blog-details .main-content .part-txt p,
    .blog-details .main-content .part-txt-2 p,
    .blog-details .main-content .blog-comment p,
    .service-details .main-content .part-txt p,
    .about-inner .boxes .single-box p,
    .team-details .part-txt p,
    .contact .form-area .title p,
    .main-sidebar .side-about p {
        font-size: 16px !important;
        line-height: 1.68 !important;
    }

    .header .bottom-header:after,
    .header .bottom-header .navbar-toggler,
    .header .bottom-header .side-bar-btn .side-bar-show {
        height: 72px !important;
    }

    .header .bottom-header .logo,
    .header .bottom-header.fixed-header .logo {
        width: 145px !important;
        padding: 6px 8px 7px !important;
    }

    .header .bottom-header .logo img,
    .header .bottom-header.fixed-header .logo img {
        width: 132px !important;
        max-width: 132px !important;
    }

    .banner .slider {
        padding-top: 72px;
    }

    .banner .slider:after {
        top: 72px;
    }

    .breadcrumb {
        margin-top: 72px;
    }
}

@media (max-width: 380px) {
    .header .bottom-header .logo,
    .header .bottom-header.fixed-header .logo {
        width: 134px !important;
    }

    .header .bottom-header .logo img,
    .header .bottom-header.fixed-header .logo img {
        width: 122px !important;
        max-width: 122px !important;
    }
}