.banner_area {
    height: 300px;
}
.stories_area {
    padding: 30px 0px 30px;
}
.post .post-content {
    padding-left: 0px;
}
#mapBox iframe{
    width: 100%;
}
.three-dot {
    overflow: hidden; /* taşacak kısımları gizle. */
    white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
    text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */ 

}

.post .post-title {
    font-size: 24px;
    margin-bottom: 30px;
    text-align: left;
    padding-left: 0
}
.harita-golge {
    -webkit-box-shadow: 0 0 6px 4px #c0c0c0;
    -moz-box-shadow: 0 0 8px 4px #c0c0c0;
    box-shadow: 0 0 23px 1px #7a7373;
}

body > #blog-title {
    text-align: center;
}
/*{
    background-color: #c0c0c0;
    opacity: 0.2;
    filter: alpha(opacity=40);
}*/
.img-ph {
    margin-top: 20px;
    margin-left: 175px !important;
    width: 53% !important;
}
@media only screen and (max-width: 765px) {
    .urunlerimiz { margin-left: -47px !important; }

    .features_area { padding: 38px 0px 70px; }


    #hosgeldiniz {
        font-size: 28px !important;
    }

    #aciklama {
        font-weight: 300;
        font-size: 16px !important;
        line-height: 37px;
    }
    .hero-slider-wrapper .flexslider .slide {
        display: none;
        height: 315px;
    }

    .promo-section {
        color: #fff;
        height: 315px;
    }

    .promo-section .headline {
        font-size: 21px;
        line-height: 45px;
        margin-top: 9px;
        margin-bottom: 9px !important;
    }

    .promo-section .tagline {
        font-size: 14px;
        line-height: 29px;
        font-weight: 300;
        margin-bottom: 8px;
        font-family: "Roboto", sans-serif;
    }

        .promo-section .actions .btn {
            margin-left: 34px !important;
            margin-right: 34px;
            background: #00bfa5 !important;
            border: 2px solid #00bfa5 !important;
            color: #fff;
            outline: none;
            padding: 7px 29px;
            font-size: 11px;
            font-weight: 900;
        }

    .urunlerimiz {
        font-size: 12px !important;
        margin-left: -34px !important;
    }

    .promo-section .actions .btn { margin-bottom: 6px; }

    .promo-section .actions .play-trigger i {
        margin-right: 10px;
        width: 36px;
        height: 36px;
        font-size: 21px;
        border-radius: 50%;
        line-height: 40px;
        text-align: center;
        color: #242424;
        background: #fff;
        vertical-align: middle;
    }

    .img-footer {
        height: 78% !important;
        margin-left: 72px;
    }

    .sec_pad { padding: 58px 0px; }

    .sec-pad-misyon-vizyon { padding: 0px 0px; }

    .sec-pad-misyon { margin-top: 40px; }

    .sec-pad-vizyon { margin-bottom: 40px; }

    .post {
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 45px;
        padding-top: 45px;
        border-top: 1px solid #eee;
    }

    .footer-bottom .social_media, .articles_block .text-left {
         text-align: left !important;
    }

    .img-ph {    
        margin-left: 91px !important;
        width: 55% !important;
    }

    .main-nav .navbar-collapse {
        background: rgba(0, 0, 0, 0.8);
        max-height: 290px;
        overflow-y: scroll;
    }
 
}

  @media only screen and (min-width: 768px) and (max-width: 1000px ) {
    .main-nav .nav .nav-item {
        font-weight: normal;
        text-transform: uppercase;
        font-size: 12px !important;
        font-weight: 400;
        display: block;
        font-family: "Roboto", sans-serif;
        margin-right: 21px;
        letter-spacing: 1px;
    }

    .logo-murat-tic {
        max-height: 70px !important;
        margin-left: -33px !important;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #logo-header a img {
        max-height: 59px !important;
        margin-left: -52px !important;
    }
 
}

@media only screen and (min-width: 768px) and (max-width: 800px ) {

    #container-layout {
        margin-right: 0 !important;
    }
  

}

@media only screen and (max-width: 376px) {
    #hosgeldiniz {
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 320px) {
    #hosgeldiniz {
        font-size: 23px !important;
    }
}

@media only screen and (max-width: 992px) {
    .promo-section .actions .btn {
        margin-left: 34px !important;
        margin-right: 34px;
        background: #00bfa5 !important;
        border: 2px solid #00bfa5 !important;
        color: #fff;
    }

}