/* #Media Queries
================================================== */
    /* Large screen */
	@media only screen and (max-width: 1044px) 
	{
	    .Content
	    {
	        padding:30px 12px;
	    }
	    
	    .InnerHeader, .InnerFooter
	    {
	        padding:15px 12px;
	    } 
	    
	    .InnerFooter .Right
	    {
	        float:left;
	    }
	    
	    .Content h1 a.SurfReport
	    {
	        margin-top:10px;
	        clear:both;
	        float:none;
	    }
	    
	    .Logo
	    {
	        float:none;
	        display:block;
	        margin:0 auto;
	        max-width:330px;
	    }    
	    
	    .Search
	    {
	        float:none;
	        max-width:330px;
	        display:block;
	        margin:0 auto;
	        display:none;
	    }
	    
	    .js .slicknav_menu 
	    {
            display: block;
            position: relative;
            width: 100%;
            z-index: 10000;
        }
        
        .InnerHeader, .Header
	    {
	        display:none;
	    }    
	    
	    .MobileMenu
	    {
	        display:block;
	        position:absolute;
            top:0;
	        z-index:10000;
	        width:90%;
	    }
	    
	    .MobileMenu .MobileLogo
	    {
	        margin-left:11px;
	        float:left;
	    }
	    
	    .MobileMenu .Search
        {
            width:21px; 
            height:21px;
            display:block;
            background:url(/Assets/Images/Masterpage/MobileLinks.png) no-repeat left center;
            float:right;
            margin-top:31px;
        }
        
        .slicknav_menu
        {
            background:rgba(255, 255, 255, 0.9) !important;
        }
        
        .Header
	    {
	        padding-top:82px;
	        margin-top:0;
	    }

        .ContactForm label
        {
            width: 100%;
            margin-bottom:4px;
        }

        .ContactForm input[type="text"], .ContactForm textarea
        {
            width: 100%;
        }

        .ContactForm select
        {
            width: 100%;
        }
	   
	    
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		img.covidImage {
			width: 768px !important;
		}
	}

	@media only screen and (min-width: 425px) and (max-width: 425px) {
		img.covidImage {
			width: 425px !important;
		}
	}

@media only screen and (min-width: 375px) and (max-width: 375px) {
	img.covidImage {
		width: 375px !important;
	}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 800px) 
	{
	    .MobileMenu 
	    {
	        width:91%;
	    }  

        .home-left
        {
            width: 100%;
            float:none;
        }

        .home-right
        {
            width: 100%;
            float:none;
        }
	    
	    .ContentLeft
        {
           width:100%;
           position:relative;
           float:none;
           margin-right:0
        }
   
        .ContentRight
        {
           width:100%;
           position:relative;
           float:none;
           margin-bottom:20px;
        } 
        
        .SubNav
        {
            display:none;
        }
        
        .MobileSubNav
        {
            display:block;
            margin:10px 0 0px;
        }

        .ContactDetails
        {
            padding-left: 0;
        }

        .DisplayOnMobile
        {
            display: block !important;
        }
        
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 639px) 
	{
	    
	    .ls-slide p, .ls-nav-prev, .ls-nav-next
	    {
	        display:none;
	    }
	    
	    .MobileMenu 
	    {
	        width:87%;
	    }  

        
	    
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) 
	{
		table#News td {
			display: block;
			clear: both;
			width: 100% !important;
		}
        .Content h1 a.SurfReport
        {
            max-width:100%;
        }
        
        .MobileMenu 
	    {
	        width:85%;
	    }  
	    
	    .MobileMenu .MobileLogo
	    {
	        max-width:224px;
	        margin-top:3px;
	        margin-left:6px;
	    }
	    
	    .selectricWrapper
	    {
	        max-width:100%;
	        width:100%;
	    }

        .ContactForm a
        {
            width: 100%;
            float: none;
        }

        .Gallery .item
        {
            width: 100%;
        }

        .Content h1 div
        {
            float: none;
        }

        .Content h1 div .selectricWrapper
        {
            margin-left:0px;
        }
        
	}