@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Template Information
/* ----------------------------------------------------------------------
Name: Elevato
Description: HTML & PHP Multi-Purpose Template
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
	
}

/* Smaller than 1024 */
@media only screen and (max-width: 1024px) {
	
	/* Slider */
	
	.ix-wide .ix-slider-wrap.full-width .ls-customskin .ls-nav-prev {
		right: 83px !important;
	}
	
	.ix-wide .ix-slider-wrap.full-width .ls-customskin .ls-nav-next {
		right: 42px !important;	
	}
	
	.ix-wide .ix-slider-wrap.full-width .ls-customskin .ls-bottom-nav-wrapper {
		left: 42px !important;
	}
}

/* ---------------------------------------------------------------------- */
/* Smaller than 1191 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1190px) {
	
	/* Container */
	
	.ix-container {
		width: 96%;	
	}
	
	/* Forms */
	
	#s {
		width: 195px;
	}
	
	/* Portfolio */
	
	.ix-portfolio-wrap .ix-entry.ix-one-half {
		width: 455px;
	}
	
	.ix-portfolio-wrap .ix-entry.ix-one-third {
		width: 293px;	
	}
	
	.ix-portfolio-wrap .ix-entry.ix-one-fourth {
		width: 212px;	
	}
	#menu { margin-top: 70px; }
	#logosurround { background: url(http://www.oban.org.uk/themes/oban/images/headerbg.png); padding: 15px; width: 600px; }
	.floatleft {
	float: left;
	width: 48%;
	margin-right: 15px;
	}
	
}

/* ---------------------------------------------------------------------- */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	/* Team Member */
	
	.ix-team-member-cols .ix-team-member-photo {
		margin-right: 0;
		margin-left: auto;
		margin-right: auto;	
		float: none;
	}
	
	.ix-team-member-cols .ix-team-member-name, 
	.ix-team-member-cols .ix-team-member-role, 
	.ix-team-member-cols .ix-social-media{
		text-align: center;	
	}
	#logosurround { background: url(http://www.oban.org.uk/themes/oban/images/headerbg.png); padding: 15px; width: 500px; }
	#menu { margin-top: 50px; }
		.floatleft {
	float: left;
	width: 48%;
	margin-right: 15px;
	}
	
}

/* ---------------------------------------------------------------------- */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Container */ 
	
	.ix-container {
		width: 95%;	
	}
	
	/* Forms */
	
	#s {
		width: 151px;
	}
	
	/* Portfolio */
	
	.ix-portfolio-wrap .ix-entry.ix-one-half {
		width: 359px;
	}
	
	.ix-portfolio-wrap .ix-entry.ix-one-third {
		width: 229px;	
	}
	
	.ix-portfolio-wrap .ix-entry.ix-one-fourth {
		width: 164px;		
	}
	
	/* Slider */
	
	.ix-wide .ix-slider-wrap.full-width .ls-customskin .ls-nav-prev {
		right: 51px !important;
	}
	
	.ix-wide .ix-slider-wrap.full-width .ls-customskin .ls-nav-next {
		right: 10px !important;	
	}
	
	.ix-wide .ix-slider-wrap.full-width .ls-customskin .ls-bottom-nav-wrapper {
		left: 10px !important;
	}
	#logosurround { background: url(http://www.oban.org.uk/themes/oban/images/headerbg.png); padding: 15px; width: 500px; }
	#menu { margin-top: 50px; }
	
	.floatleft {
	float: left;
	width: 47%;
	margin-right: 15px;
	}
	.content-sbBlog-wrap {
	background-color: #F5F5F5;
	border-color: #D0D0D0;
	border-width: 1px;
	border-style: solid;
	padding: 15px;
	min-height: 410px;
	margin-bottom: 15px;
}
}

/* ---------------------------------------------------------------------- */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	 img {
        max-width: 100% !important;
    }
	
	/* Columns */
	
	.ix-one-half, .ix-one-third, .ix-two-thirds, .ix-one-fourth, .ix-three-fourths {
		float: none;
		margin-right: 0; margin-top: 20px;
		width: 100%;
	}
	
	/* Floats */
	
	.ix-alignleft, .ix-alignright {
		float: none;	
	}
	
	.ix-info-box.ix-floated-button .ix-button {
		display: none;
	}
	
	.ix-info-box.ix-floated-button .ix-button.ix-mobile-button {
		display: inline-block;
	}
	
	img.ix-alignright, .ix-caption.ix-alignright, .ix-entry-image.ix-alignright, .ix-media-wrap.ix-alignright, .ix-entry-video.ix-alignright {
		margin-left: 0;
		width: auto !important;
	}
	
	img.ix-alignleft, .ix-caption.ix-alignleft, .ix-entry-image.ix-alignleft, .ix-media-wrap.ix-alignleft, .ix-entry-video.ix-alignleft {
		margin-right: 0;
		width: auto !important;	
	}
	
	img.ix-aligncenter, .ix-caption.ix-aligncenter, .ix-entry-image.ix-aligncenter, .ix-media-wrap.ix-alignleft, .ix-entry-video.ix-aligncenter {
		width: auto !important;	
	}
	
	div.ix-social-media-wrap > strong, div.ix-social-media-wrap.ix-bordered-wrap h4,
	div.ix-social-media-wrap > strong + .ix-social-media, div.ix-social-media-wrap.ix-bordered-wrap h4 + .ix-social-media {
		float: none;	
	}
	
	div.ix-social-media-wrap > strong, div.ix-social-media-wrap.ix-bordered-wrap h4 {
		margin-right: 0;	
	}
	
	div.ix-social-media-wrap > strong {
		display: block;	
	}
	
	.ix-portfolio-wrap.ix-one-column.ix-portfolio-two-thirds.ix-text .ix-media-wrap {
		float: none;
		width: auto;
		margin-right: 0;	
	}
	
	.ix-blog-wrap.ix-medium-image .ix-media-wrap {
		float: none;
		margin-right: 0;
		width: auto;	
	}
	
	/* Logo */
	
	#ix-logo {
		float: none;	
		display: table;
		margin: 0 auto !important;
	}
	
	#ix-tagline {
		float: none;	
		display: block;
		text-align: center;
	}
	
	/* Header */
	
	#ix-header .ix-alignleft, #ix-header .ix-alignright, #ix-header .ix-aligncenter {
		text-align: center;
	}
	
	/* Vertical Tabs */
	
	.ix-vertical-tabs .ix-tab {
		margin-left: 0;	
	}
	
	/* Footer */
	
	#ix-footer .ix-container > section:last-child {
		margin-bottom: 0;	
	}
	
	#ix-footer-bottom {
		text-align: center;
	}
	
	#ix-footer-bottom p {
		margin-bottom: 5px;	
	}
	
	/* Page Title */
	
	#ix-page-title h1 {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	#ix-breadcrumbs {
		float: none;
		text-align: left;
		width: 100%;
		margin-top: 10px;
	}
	
	/* Tables */
	
	.ix-pricing-table .ix-pricing-box {
		float: none;
		width: 100%;
	}
	
	/* Portfolio */
	
	.ix-portfolio-wrap.ix-two-columns, .ix-portfolio-wrap.ix-three-columns, .ix-portfolio-wrap.ix-four-columns,
	.ix-portfolio-wrap .ix-entry.ix-one-half, .ix-portfolio-wrap .ix-entry.ix-one-third, .ix-portfolio-wrap .ix-entry.ix-one-fourth {
		margin-right: 0;	
	}
	
	#ix-portfolio-gallery .ix-entry {
		width: 100%;
	}
	
	#ix-portfolio-gallery .ix-media-wrap,
	#ix-portfolio-gallery .ix-entry-content .ix-entry-title, 
	#ix-portfolio-gallery .ix-entry-content .ix-entry-meta {
		text-align: center;
	}
	
	/* LayerSlider */
	
	.ls-bottom-nav-wrapper,
	.ls-nav-prev, 
	.ls-nav-next {
		display: none;	
	}
	
	/* Navigation */
	
	.ix-nav {
		display: none;	
	}
	
	.ix-mobile-nav {
		display: block;	
	}
	.floatleft {
	float: left;
	width: 47%;
	margin-right: 15px;
	}
}

/* ---------------------------------------------------------------------- */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Container */
	
	.ix-container {
		width: 95%;
	}
	
	/* Forms */
	
	.ix-content-form input,
	.ix-content-form textarea,
	#s {
		width: 398px;	
	}
	
	.ix-content-form select {
		width: 420px;
	}
	
	/* Portfolio */
	
	.ix-portfolio-wrap .ix-entry.ix-one-half {
		width: 420px;	
	}
	#logosurround { background: url(http://www.oban.org.uk/themes/oban/images/headerbg.png); padding: 15px; width: 95%; }
	#menu { margin-top: 30px; }
	.marginleft { margin-left: 20px; }
	
	.floatleft {
	float: left;
	width: 100%;
	margin-right: 15px;
}
	
}

/* ---------------------------------------------------------------------- */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	/* Container */
	
	.ix-container {
		width: 95%;	
	}
	
	/* Partner Logos */
	
	.ix-partner-logos li {
		float: none;
		text-align: center;
	}
	
	.ix-partner-logos li a {
		display: inline-block;	
	}
	
	/* Forms */
	
	.ix-content-form input,
	.ix-content-form textarea,
	#s {
		width: 278px;	
	}
	
	.ix-content-form select {
		width: 300px;
	}
	
	/* Portfolio */
	
	.ix-portfolio-wrap .ix-entry.ix-one-half,
	.ix-portfolio-wrap .ix-entry.ix-one-third {
		width: 300px;	
	}
	
#logosurround { background: url(http://www.oban.org.uk/themes/oban/images/headerbg.png); padding: 15px; width: 90%; }
#menu { margin-top: 110px; }
.marginleft { margin-left: 20px; }
}