/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
    
    section#home-banner-img {
        height:290px;  
    }
    header hr {
        display:none;
    }
    section#home-intro img.img-one {
        margin-top:90px;
    }

    section#home-intro img.img-two {
        margin-top:50px;
    }
    section#home-showroom img {
        width:100%;
    }
    section#home-showroom .well {
        min-height:160px;
    }
    section#home-showroom .location {
        background-position: center 26px;
        padding:inherit;
        padding-top:56px;
        text-align:center;
    }
    section#home-showroom .location strong {
        display:none;
    }
    section#home-showroom .phone {
        padding-top:96px;
        background-position: center 34px;
    }
    section#home-showroom .phone p {
        font-size:22px;
        letter-spacing:inherit;
    }
    .short-75 {
        width:100%;
    } 
    section#home-gallery .col-md-3 div {
        height:330px;
        padding-top:230px;
    }
    section#home-gallery .col-md-3 div.marble,
    section#home-gallery .col-md-3 div.granite,
    section#home-gallery .col-md-3 div.installed,
    section#home-gallery .col-md-3 div.process {
        background-position: 0 -40px; 
    }

    div.sub-banner-wrap.gallery,
    div.sub-banner-wrap.about {
        background-position: calc(100% + 120px) 0;
    }
		
		body.home header.sticky nav ul li.nav-phone span {
			display:none;
		}
		
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    section#home-banner-img {
        height:240px;  
    }
    header {
        background-position: 60% 0;
        padding-bottom:60px;
    }
    header hr {
        display:none;
    }
    header nav {
        position:relative;
        text-align:center;
        background:inherit;
        margin-top:30px;
    }
		body.home header.sticky {
			height:160px;
		}
		body.home header.sticky nav {
			margin-top:0;
		}
		body.home header.sticky nav ul li.nav-phone {
			margin-top:18px;
		}
		body.home header.sticky nav ul li.nav-phone span {
			display:inline-block;
		}
    header h1 {
        text-align: center;
    }
    .short-85 {
        width:95%;
    } 
    .location { margin-bottom:24px; }
    .img-two { margin-bottom:34px; }  
    section#home-gallery .col-md-3 div h3 {
        font-size:30px;
    }
    section#home-gallery .col-md-3 div {
        padding-top:260px;
    }
    div.sub-banner-wrap.gallery,
    div.sub-banner-wrap.about {
        background-position: calc(100% + 260px) 0;
    }
    section#sub-banner h1 {
        font-weight:bold;
        margin-bottom:2rem;
    }
    section#sub-banner p {
        font-size:1rem;
        line-height:1.6rem;
    }
    section#sub-content .employee img {
        width:50%;
        display:block;
        margin:auto;
        margin-bottom:40px;
    }
    .employee {
        margin-bottom:20px;
        text-align:center;
    }
    ul.gallery-nav li {
        margin-bottom:40px;
    }
		ul.gallery-nav {
			margin-bottom:60px;
		}
		
		section#home-gallery .col-md-3 div.sinks {
		    background: url(../images/sinks.jpg);
		    background-size:350%;
				background-position:center;
		    cursor:pointer;
		}
		
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    header {
        background-position:top left;
    }
    header nav {
        text-align:left;
    }
    header nav ul {
        font-size:12px;
        margin-left:-10px;
    }
    header h1 {
        text-align: left;
    }
    section#home-intro {
        padding-bottom:40px;
    }
    section#home-showroom img.img-one {
        margin-top:0;
    }
    div.marble {
        margin-bottom:30px;
    }
    footer nav ul li {
        display: block;
        padding:10px 0;
    }
    div.sub-banner-wrap.gallery,
    div.sub-banner-wrap.about {
        background-position: 0 0;
        background-size:cover;
        box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.6);
    }
    section#sub-banner h1 {
        color:#eee;
    }
    body.sub-alt section#sub-banner h1 {
        color:#292b2c;
    }
    section#sub-banner p {
        color:#eee;
        font-size:1.2rem;
        line-height:1.8rem;
    }
    section#sub-content .employee img {
        width:inherit;
        display:block;
        margin:auto;
        margin-bottom:40px;
    }
    .employee {
        margin-bottom:20px;
        text-align:left;
    }
    ul.gallery-nav {
        text-align:center;
        margin-bottom:30px;
        margin-top:-28px;
    }
    ul.gallery-nav li {
        margin-bottom:40px;
        text-align:center;
    }

    ul.gallery-nav li a {
        font-size: 12px;
        padding: 12px 16px 11px 16px;
    }
		
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    body.m-menu {
        position:fixed;
        overflow:hidden;
    }
    section#home-banner-img {
        display: none; 
    }
    header h1 img {
        margin-top:-40px;
    }
		
		body.home header.sticky h1 img {
			width:240px;
			display:inherit;
			margin-top:0px;
		}
		
		body.home header.sticky {
			height:120px;
		}
		
    section#home-intro {
        padding-bottom:60px;
    }
    section#home-showroom {
        padding-top:50px;
    }
    section#home-showroom .hs-container {
        padding:inherit;
    }
    section#home-showroom p,
    section#home-intro p {
        font-size: 1rem;
    }
    section#home-intro p {
        margin-bottom:2rem;
    }
    header {
        background-size:100%;
        padding-bottom:20px;
    }
    .sub header {
        padding-top: 60px;
        padding-bottom: 10px;
    }
    header div.m-menu {
        position: absolute;
        width:61px; 
        height:51px;
        background:url(../images/m_menu.png);
        background-size:41px 21px;
        background-position: center;
        background-repeat:no-repeat;
        top:37px; right:30px;
        cursor:pointer;
        z-index:600;
        border-radius:3px;
    }
    header div.m-menu.open {
        position:fixed;
    }
    header div.m-menu:hover {
        background-color:#eee;
    }
    header nav { 
        position:fixed;
        left:0; top:0;
        display: inline;
        background: rgba(0, 0, 0, .93);
        margin:0;
        width:100%;
        height:100vh;
        z-index: 500;
        display:none;
        -webkit-overflow-scrolling: touch;
    }
    header nav.open {
        display:inherit;
    }
    header nav ul {
        margin:0;
        padding:0;
        padding-top:100px;
        font-size:16px;
    }
    header nav ul li{ 
       display: block;
       text-align:center;
       padding:16px 0;
    }
    header nav ul li a {
        padding:16px 0;;
    }

    header nav ul li a:visited,
    header nav ul li a:hover {
        color:#fff;
        text-decoration: none;
    }  
    header h1 img {
        width: 240px;
    }
    div.contact-btn {
        text-align:center;
        margin-bottom:50px;
    }
    section#home-intro img.group_img {
        width: 100vw;
        position: relative;
        margin-left: -50vw;
        left: 50%;
    }
    h2 {
        font-size:34px;
    }
    div.marble,
    div.granite,
    div.installed {
        margin-bottom:30px;
    }
    section#home-gallery .col-md-3 div h3 {
        font-size:48px;
    }
    section#home-gallery .col-md-3 div {
        padding-top:170px;
        height:290px;
    }
    section#home-gallery .row { 
        padding:20px;
    }
    section#home-gallery {
        padding-bottom:40px;
        padding-top:70px
    }
    section#home-gallery hr {
        margin-bottom:3rem;
    }
    section#sub-content .employee img {
        width:50%;
        display:block;
        margin:auto;
        margin-bottom:40px;
    }
    .employee {
        margin-bottom:20px;
        text-align:center;
    }
}