.header img {
    max-width: 100%
}
.header h1 {
    margin: 15px 0 10px 0;
    color: #000;
    line-height: 20px;
}
.header h1 span {
    font-size: 18px;
    margin: 0;
}
.header .logo {
/*    margin:0 0 0 -15px;*/
}


.header .social {
    padding:0;
    margin: 0;
}

@media (max-width: 1199px) {
.header .social {
    margin: 0 0 0 -30px;
    padding:0;
}
}

@media (max-width: 992px) {
.header h1 {
    margin: 15px 0 10px 0;
    line-height: 20px;
    font-size:28px;
}
.header h1 span {
    font-size: 18px;
    margin: 0;
}
    
.header .social {
    margin: 0;
}    
}

@media (max-width: 767px) {
    
    .header {
        height:80px;
    }
    
    
.header h1 {
    margin: 5px 0 0 0;
    line-height: 20px;
    font-size:24px;
}
.header h1 span {
    font-size: 14px;
    margin: 0;
}
.header .logo {
    width:100px;
}
    
.header .search {
    padding: 0;        
}
}

@media (max-width: 620px) {
.header .social {
    width:240px;
}

.header .search {
    font-size: 20px;
}
}

@media (max-width: 550px) {
.header h1 {
    font-size:20px;
}
.header h1 span {
    font-size: 14px;
}
.header .social {
    width:200px;
}
}

@media (max-width: 480px) {
    
    .header {
        height:auto;    
    }
    
.header .branding {
        width:290px;
        float:none;
        margin:0 auto;
    }
    
    .header h1 {
    margin-top:10px;
}
    
    .header .logo {
        width:80px;
        padding:0;
    }
    
    .header .social {
        padding:0 0 0 10px;
        width:208px;
    }
    

    .header .search {
        width:100%;
        float:none;
        text-align:center;
        border-top:dotted 1px #ddd;
    }
    
    .header .input-group {
         width:200px;
        float:none;
        margin:0 auto 20px auto;
    }
}