/*==========  Non-Mobile First Method  ==========*/
 
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px){
        .shuffle-right{
            margin-right:40px!important;
        }
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px){
        .shuffle-right{
            margin-right:40px!important;
        }
        .shuffle-right{
            margin-right:40px!important;
        }
                .share-thoughts{
            margin-top:30px;
        }
        .product-foot h2{
            font-size:47px;
      }
	}
 
 
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 768px){
    
    .align-right{
        text-align:left;
    }
    .align-left{
        font-size:54px;
    }
    h1{
        font-size:45px;
        word-wrap:normal;
        line-height:50px;
    }
    .product-left{
        background:none;
        padding-top:0px;
    }
    .product-left p{
        border:0px;
        margin-bottom:20px;
    }
    .product-left hr{
        margin:0px;
        margin:30px 0px;
    }
    .brown-section{
        padding:70px 0px;
    }
    .brown-section h2{
        margin-top:0px;
        margin-bottom:50px;
        font-size:45px;
    }
    .social-media-top{
        display:none;
    }
    .logo-head{
        margin-bottom:-1px;
    }
    .white-section{
        padding:80px 0px;
    }
    .white-section p{
        margin-bottom:30px;
    }
    .white-section hr{
        margin:30px 0px;
        color:#b8a892;
        background:#b8a892;
    }
    .product-head{
        background:url(../img/product-head-mobile.jpg) left;
        background-position-y:-150px;
    }
    .menu-button, .close-button{
        left:20px;
        top:5px;
    }
    .services-head{
        background: url(../img/service-head-mobile.jpg) top left;
        padding:60px 0px;
    }
    .nopad{
        padding:0px;
    }
    .apply-section{
        padding:85px 0px;
        background:url(../img/apply-head-mobile.jpg)top center;
    }
    .apply-section .subheading{
       /* font-size:57px; */
        line-height:50px;
        margin-bottom:80px;
    }
    .apply-section input{
        margin-bottom:10px;
    }
    .brown-section h2{
        font-size:45px; 
        line-height:50px;
        text-align:left;
        margin:0px;
        margin-bottom:50px;
    }
    .brown-section hr{
        margin-top:0px;
        margin-bottom:30px;
    }
    .home-head{
        background-size:normal;
        background:url(../img/home-banner-mobile.jpg) top center;
    }
    .large-text{
        text-align:left!important;
    }
    .home-section-two-top .container{
        background:none;
    }
    .shuffle-left{
        padding:0px 15px;
    }
    .brown-section a{
        border:0px;
        padding-top:0px;
    }
    .home-section-two-bottom .container{
        background:none;
    }
    .brown{
        color:#b8a892;
        text-transform:uppercase;
    }
    .share-thoughts{
        color:#f2f2f2;
        padding:0px;
    }
    .share-thoughts a{
        color:#f2f2f2;
    }
    .share-thoughts li{
        margin-bottom:30px;
    }
    .share-thoughts li:last-child{
        margin:0px;
    }
    .share-thoughts span{
        text-transform:uppercase;
    }
    .white-section p, .brown-section p{
        font-size:24px;
    }
    p{
        text-align:left!important;
    }
    .contact-head h1{
        text-align:left;
    }
    .contact .share-thoughts{
        color:#b8a892;
        padding:0px;
    }
    .contact .share-thoughts a{
        color:#b8a892;
    }
    .navigation .container{
        padding-left:0px!important;
        padding-right:0px!important;
    }
    .container{
        padding:0px 45px!important;
    }
    .logo-head{
        padding-right:0px;
        max-width:100%;
    }
    .logo-head img{
        margin-bottom:1px;
    }
    .two-million-pounds hr{
        margin:30px 0px;
    }
    .show-menu .menu-wrap {
        -webkit-transform: translate3d(0px,0,0);
        transform: translate3d(0px,0,0);
        -webkit-transition: -webkit-transform 0.8s;
        transition: transform 0.8s;
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        background:#b8a892;
    }     
    .compost{
        padding-right:60px;
    }   
    .navigation-bottom{
        height:20px;
    }
    .body-container, 
    .content-wrap {
        overflow: hidden;
        width: 100%!important;
        height:300px;
        position:absolute;
        left:0;
    }
    .menu-wrap{
        margin-left:0px;
    }
    
    .shuffle-right{
        float:left!important;
    }
} 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px){
 
	}