/* Small screens*/
@media only screen and (max-width: 40em)
	{
.FAcenter{width:100%;margin:0;left:0;background:0;height:auto;top:10px}
.animatedBG{height:222px}
h1.sloganHeader{margin-top:25px;font-size:21px}
.HomepageTopPart{height:361px}
.AboutRSP .aboutBg{height:484px}
.share{padding:0;text-align:center}
.News .date-posted{font-weight:normal;margin:0}
.newsMeta{text-align:left}
.News h4{font-size:20px;line-height:1.4}
.thumbimg{width:70px}
.newsList{padding:0 20px}
.AboutRSP h1{font-size:38px}
.News h1{font-size:40px;padding:0}
.contacts{padding:50px 20px}
footer{padding:0 20px}
	}

@media only screen and (max-width: 40em) {
	   .scroll{padding-top: 44px;}.SliderImgs {margin-top:44px}
       .products a{ height:auto;}
       .location{ padding:1em;}
       .location .panel{ padding:0em;margin: 0;}
        #map-canvas{height: 300px;}
        dialog, .reveal-modal{width: 95vw; min-height: auto;}
        .panel{ height:auto;}
        .finance .panel{ height:auto;}
        .big-banner{padding: 1em 0 2em;}
        .QHSE{padding:20px !important;background-size: contain !important}

}

/*  Medium screens*/
@media only screen and (min-width: 40.063em)
	 { 
		.scroll{padding-top: 44px;}
    .SliderImgs{top:44px}
	} 

@media only screen and (min-width: 40.063em) and (max-width: 64em)
	{	
		.products a{ height:180px;} 
	} 

/*  Large screens*/
@media only screen and (min-width: 64.063em) 
	{
    /*.off-canvas-wrap { width:1000px; margin:auto;}*/ 
    .scroll{padding-top:0;}            
	} 

@media only screen and (min-width: 55.063em)
	{
    
	}