@media screen and (max-width: 1150px)
{
	#footer-top-content
    {
	    width: 80%;
    }

    #footer-top-content ul 
    {
    	width: 80%;
    }
    
    #content-casestudy {

    width: 100%;

}

.content-title
{
width:60%;
}


}

@media screen and (max-width: 1100px)
{
	#header-home-logo
	{
		padding-bottom: 1%;
	}

	#header-home-logo img 
	{
		width: 70px;
	}

	#header-home-nav ul 
	{
		width: 80%;
	}

	#footer-top-content
    {
	    width: 100%;
    }

    .footer-top-container
    {
    	float: none;
    	width: auto;
    }

    #footer-top-content ul 
    {
    	width: auto;
    	margin: 0 auto;
    }

    .footer-top-container img 
    {
	    padding-top: 3%;
	}

	.footer-top-container
    {
	    padding-bottom: 3%;
    }

    .content-container-openinghours h3
    {
        font-weight: normal;
        font-size: 0.8em;
    }

    .content-openinghours
    {
    	font-weight: normal;
    	font-size: 0.8em;
    }

    #content-contact-enquiry
    {
	    width: 90%;
	}

    #content-contact-right-sub
    {
        width: 90%;
    }

	#content-events
	{
		width: 100%;
	}
	
#content-featured-contain {


    width: 100%;

}

#content-featured-wrap {


}
	


#content-casestudy-block {

    width: 20%;
    margin: 30px 1.5% 30px 9%;
    text-align: center;
}

.casestudy-img
{
padding:6px;
}


#content-client {

    width: 66%;
}

#content-featured-image {

    width: 42%;
    margin: 0px 1.4% 0px 2.6%;
    padding: 10px 1.5% 10px 1.5%;
}
#content-casestudy
{
height:auto;
}


}

@media screen and (max-width: 800px)
{
	#content-contact-left,#content-contact-right
    {
    	float: none;
    	width: auto;
    }

    #content-booking-left,#content-booking-right
    {
        float: none;
        width: auto;
    }

    #content-contact-right h3 
    {
	  text-align: center;
    }

    #content-contact-right h3::after
    {
        margin: 5px auto;
    }

    #content-contact-right p 
    {
        text-align: center;
    }
    
    #googleMap {
	width: 100%;
	height:350px;
	}
	
		#header-home-logo img 
	{
		width: 70px;
	}
#content-client-block {
    height: 90px;
    width: 48%;

    margin: 50px 0% 30px 1%;
}

#client-wrap {
height:385px;
}

.content-bar-p
{
	width:100%

}
    
}

@media screen and (max-width: 711px)
{
	#header-home
	{
		background-color: rgba(0,0,0,1);
	}

	#header-home-nav ul 
	{
		width: 60%;
	}

	#header-home-logo img 
	{
		width: 65px;
	}

	.content-title
	{
		width: 400px;
		font-size: 1em;
	}

	#content-event-info a
	{
		width: 60%;
		margin: 0 auto;
		display: block;
	}

	#footer-top-content ul li 
    {
    	display: block;
    	padding: 20px 0;
    	text-align: center;
    	border: none;
    }

     #content-contact-enquiry-left,#content-contact-enquiry-right
    {
    	float: none;
    	width: auto;
    }

    #content-contact-enquiry-left div,#content-contact-enquiry-right div
    {
     	display: block;
     	width: 96%;
    }

    #content-contact-enquiry-right #content-submit
    {
    	width: auto;
        margin: 0;
    }

    .g-recaptcha
    {
        margin: 0 auto;
        width: auto;
    }

    #content-submit input[type=submit]
    {
    	margin: 0 auto;
    }

    #content-contact-enquiry-right textarea
    {
    	width: 96%;
    }

    #content-options 
    {
    	width: 100%;
    }
    
    #header-home-booking a
    {
    
    float:none;
    }

    
}

@media screen and (max-width: 650px)
{
	#content-placeholder
	{
		display: none;
	}

	#header-home
	{
		position: static;
		width: auto;
	}

	#header-home-logo
	{
		padding: 0;
		text-align: center;
	}

	#header-home-logo img 
	{
		width: 100px;
	}


	#header-home-nav
	{

		width: 49%;
		margin: 2% auto;
	}
	
		#header-home-booking
	{

		width: 49%;
		margin: 2% auto;
	}
	
		#header-home-logo
	{
		float: none;
		width: auto;
		margin: 2% auto;
	}

	#content-entry-bars img 
	{
		float: none;
		width: 100%;
	}

	#header-home-nav ul 
	{
		width: auto;
	}

	.content-title
	{
		width: 300px;
	}

	#content-event-info 
	{
		width: auto;
	}

	.content-container-openinghours h3
    {
        font-weight: bold;
        font-size: 1em;
    }

    .content-openinghours
    {
    	font-weight: bold;
    	font-size: 1em;
    }
    
    .content-container-openinghours
    {
    	float: none;
    	width: auto;
    	margin-left: 0;
    	margin-top: 5px;
    }

    #content-gallery-front a 
    {
    	display: block;
    	width: 100%;
    	margin: 0 auto;
    	text-align: center;
    	padding-left: 30px;
    	padding-right: 25px;
    }

    #content-events-image,#content-events-details
    {
    	text-align: center;
    	float: none;
    	width: auto;
    }

    .content-bar-wrap
    {
    	width: auto;
    }

    .content-bar-left,.content-bar-right
    {
    	float: none;
    	width: 90%;
    	margin: 5px auto;
    	text-align: center;
    }

    #content-bar-change-left,#content-bar-change-right
    {
    	float: none;
    }
    
    #wardwick-img-2,#ghost-img-2,#echo-img-2,#other-img-2
    {
    	float: none;
    }

    .content-bar-left h2:after 
    {
        margin: 5px auto;
    }
    
    #googleMap {
width: 100%;
height:300px;
}

#content-featured-image {

    width: 90%;
    margin: 25px 1.4% 0px 2.6%;
    padding: 10px 1.5% 10px 1.5%;
}

#content-featured-wrap {

    margin:10px 0px 0px 0px;

}

#content-casestudy-block
{
width:38%;
}

#content-casestudy
{

}

.footer-contact-button-hold {
    margin: 60px 0% 0% 0%;
}

.footer-contact-content {
    width: 53%;
    margin: 38px 10px;
}

#content-client {
    width: 100%;
}

#content-contact-enquiry 
{
padding:20px 2px;
}

.header-bg-contact
{
	background: url('../imgs/general/bluesky-mobile.png' no repeat) center;
	width:100%;

}

.header-bg-ghostbar
{
	background: url('../imgs/general/bluesky-mobile.png' no repeat) center;
	width:100%;

}

#content-title-events-text
{
width:90%;
}

}

@media screen and (max-width: 350px)
{
	#content-center-wrapper 
	{
		width: auto;
	}

	#content-center-wrapper h3
	{
		text-align: center;
	}

	#header-central-bg h1 
	{
		font-size: 1.5em;
	}

    #content-contact-right-sub
    {
        width: auto;
    }
   	#header-home-logo img 
	{
		width: 35%;
	} 
	
#content-casestudy-block
{
width:80%;
}

#footer-contact-container {
    background: #CC2339;
    height: 207px;
}

.footer-contact-content {
    width: 88%;
    margin: 28px 5px 12px 5px;
}

.footer-contact-button-hold {
    margin: 60px 0% 0% 0%;
    width: 70%;
}

#content-client-block {
    height: 71px;
    width: 50%;
    float: none;
    margin: 43px 0% 50px 25%;
    text-align: center;
}
    #client-wrap {
    width: 100%;
    height: 560px;
}

.footer-top-container img {
    padding-top: 8%;
}

#content-featured-wrap {


}

}