.HmBloks { margin-top: 20px; }
    .HmBloks > div > div { position: relative; border: 2px solid #e0e7ef;transition:all .2s ease;}
    .HmBloks > div > div:hover{background:#e0e7ef;transition:all .2s ease;}
    .HmBloks > div > div:hover .hmb1 h1{color:#fff;background:transparent;top:0;transition:all .2s ease;}
    .HmBloks > div > div:hover .hmb2 h1{color:#fff;background:transparent;bottom:0;transition:all .2s ease;}
    .HmBloks > div > div:hover .hmb3 h1{background:transparent;transition:all .2s ease;}
        .HmBloks > div > div:first-child { margin-right: -2px; }
        .HmBloks > div > div:last-child { margin-left: -2px; }
        .HmBloks > div > div img { padding: 20px; }
.hmb1 h1 { position: absolute; top: -10px; margin: 0; color: #526a7c; background: #fff; left: 25px; padding: 0 25px; font-size: 20PX; font-weight: bold; transition:all .2s ease;}
.hmb2 h1 { position: absolute; bottom: -10px; margin: 0; color: #526a7c; background: #fff; right: 25px; padding: 0 25px; font-size: 20PX; font-weight: bold;transition:all .2s ease; }
.hmb3 h1 { position: absolute; margin: 0; color: #526a7c; background: #fff; padding: 10px 25px; font-size: 20PX; font-weight: bold; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center;transition:all .2s ease;}
    .hmb3 h1::before { position: absolute; content: " "; height: 2px; width: 100%; background: #e0e7ef; left: 0; right: 0; top: 50%; z-index: -1; }
    .hmb3 h1::after { position: absolute; content: " "; height: 100%; width: 200px; background: #fff; left: 0; right: 0; top: 0; z-index: -1;margin: 0 auto; }
.divUrunler { margin-top: 20px; }


@media(max-width:767px) {

}

@media(min-width:768px) {

}

@media(min-width:992px) {
}

@media(min-width:1200px) {
}
@media(min-width:1300px) {
     .HmBloks .container{width:1299px;}
}
@media(min-width:1400px) {
    .HmBloks .container{width:1399px;}
}