/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
     	#brand-img {
	   margin-top: 30px;
	} 
        #cshero-header.layout3 {
           top: 0px;
        } 
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        #brand-img {
           margin-top: 25px;
	   width: 31%;
        }
        #cshero-header.layout3 {
           top: 0px;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        #brand-img {
           margin-top: 15px;
        }
	#cshero-header.layout3 {
	   top: 0px;
	}
    }

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

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

        body {
        }
	h1 {
		font-size: 28px !important;
	}
    }



    /*==========  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) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

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