@media only screen and (min-width: 320px) and (max-width:557px) {


}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .contact-info {
       margin-top: 0px;
       text-align: center;
    }
    .menu-bg {
		display: none;
    }
    .home-about {
       padding: 10px;
    }
    .social {
       text-align: center !important;
    }
    .navbar-brand .visible-xs{
        display: block !important;
    }
    .title {
        line-height: 17px;
   		height: 45px;
   	    margin-top: 18px;
    }
    .thumbnails {
        padding: 0;
    }

}