/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

        #diyman{
            display: block;
        }
        .mob-numbs{
            display: block;
        }

        .reviews{
            position: relative;
            padding: 5% 30% 7% 10%;
        }
        .navbar-default .navbar-nav>li>a{
            padding-left: 15px;
        }
        #header {
            min-height: auto;
                
        }
        #header .container{
    padding-top: 0px;
/*    background-image: none, none ;
    background-position: right bottom, center top;
    background-size: contain; 
    background-repeat: no-repeat;*/
     background-image: none;
}



    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        #slider-section{
            margin-top:25px;
            
        }
        .reviews{
            padding: 5% 63% 7% 4%
        }
        


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
.mob-numbs p{
    font-size:20px;
    /*float: left;*/
}
		.grey-bg p {
    
   padding: 20px 20px 20px 10px;
        font-size: 33px;
        line-height: 38px;
}
		.grey-bg img {
  width: 100%;
    padding: 0px 20px;
}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }