/* --- Sola Kayma ve Ortalama Düzenlemesi --- */

/* 1. Tüm ana bölümleri kapsayan bir genişlik belirleyip ortalıyoruz */
.header, .head-bottom, .banner, .blog-section, .footer, .foot-nav, .copyright {
    width: 100%;
    margin: 0 auto;
    float: none;
}

/* 2. Ekran görüntüsündeki technology alanını ortala */
.technology {
    max-width: 1200px;
    margin: 0 auto !important;
    float: none !important;
    overflow: hidden;
}

/* 3. Sol ve Sağ sütunların yan yana durmasını sağla (Bilgisayar ekranı için) */
@media (min-width: 992px) {
    .technology-left {
        width: 68% !important;
        float: left !important;
    }
    .technology-right {
        width: 30% !important;
        float: right !important;
        margin-top: 20px;
    }
}

/* 4. Body üzerindeki o garip mobil ID'sinin etkisini kır */
body#mh-mobile {
    width: 100% !important;
    background: #e5e5e5 !important;
}

/* 5. Container sınıfının Bootstrap ile uyumlu olduğundan emin ol */
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px) {
    .container { width: 1170px; }
}