@media only screen and (max-width: 1024px) {
    .header .logo img{
        z-index: 0;
    }
    .styl-height-1 {
        height: 270px;
    }
}

@media only screen and (max-width: 991px) {
   .header .logo { margin:0; top:10px; } 
   .header .logo  img { margin: 0; max-width: 100px; height: 45px; top: -9px; }
   .header .topbar { width: auto; float: none; max-width: 230px; margin: 0px auto; }
   .header { padding: 10px 0; }
}

@media only screen and (max-width: 767px) {
    .header-inner-container { position: relative; }
    .header .logo { float: none; max-width: 100px; width: 100%; text-align: center; margin: 0 auto 5px;  padding: 0; display: block; }
    .header .topbar { float: left; }
    .header .navbar-toggle { bottom: 3px; position: absolute; top:auto; }
    .header { padding: 5px 0; }
    .header .topbar .sGan { font-size: 15px; text-align: left; }
    .header .sGan span { font-size: 15px; padding-left: 0; }
    .styl-height-1 { height: 250px; }
}

@media only screen and (max-width: 768px) {
    .header .navbar-toggle {
        margin-right: 2px;
    }
}


@media only screen and (max-width: 480px) {
    .header .logo img {
        max-width: 100px;
        height: 45px;
    }
    .styl-height-1 { height: 200px; }
}