/*
==============================================================================
	MOBILE MEDIA QUERIES
==============================================================================
*/


/*---------------------------------------------------------------------------*/
/*	Tablets - for 1035px or less
/*---------------------------------------------------------------------------*/

@media screen and (max-width: 1035px) {
	
	#comments { width: auto; }
	
	#logo { min-height: 132px; }
	
	#load-more { width: 620px !important; }
	
	.home #home-intro { margin-right: 0; }
	
	.home #sidebar { display: none; }
	
	.search #masonry { padding: 0 }
	
	#main,
	#footer-inner {
	    width: auto;
	    margin: 0;
	}
	
	#header-inner {
	    width: auto;
	    max-width: 620px;
	}
	
	.page #container,
	.single #container { width: 620px }
	
	.single.single-showcase #main {
	    width: 620px;
	    max-width: 620px;
	    margin: 0 auto;
	}
	
	#primary-menu { display: none !important; }
	
	#primary-menu .split-menu { display: none !important; }
	
	#primary-menu ul li { display: block; }
	
	#primary-menu ul ul { display: none !important; }

#primary-menu-shadow { display: none !important; }
	
	#bottom,
	#page { overflow: hidden }
	
	#sidebar {
	    width: 620px;
	    margin: 0;
	}
	
	.page #sidebar,
	.single #sidebar { margin-bottom: 30px }
	
	.single #container,
	.page #container {
	    float: none;
	    margin: 0 auto 10px;
	    width: 620px;
	}
	
	.page #content,
	.single #content {
	    width: 620px;
	    max-width: 620px;
	}
	
	.single #content,
	.page #content { max-width: 620px }
	
	#content { width: 640px }
	
	#container {
	    float: none;
	    overflow: hidden;
	    margin: 0 auto 30px;
	    padding: 0;
	    width: 620px;
	}
	
	.archive #sidebar {
	    position: relative;
	    float: left;
	    width: 620px;
	}
	
	.archive #masonry { padding: 0 }
	
	.tax-group #content,
	.page.page-template-template-showcase-php #content {
	    width: 640px;
	    max-width: 640px;
	}
	
	.tax-group #container,
	.page.page-template-template-showcase-php #container {
	    width: 620px;
	    float: none;
	}
	
	.single.single-showcase #content {
	    width: 620px;
	    max-width: 640px;
	}
	
	.single.single-showcase #container {
	    width: 620px;
	    float: none;
	}
	
	.single.single-showcase #content .post-content {
	    width: 580px;
	    float: none;
	    padding: 20px 20px 0 20px;
	}
	
	.single.single-showcase #content .showcase.format-gallery .post-content {
	    padding-top: 20px;
	    margin: 0;
	}
	
	.single-showcase #slide-controls {
	    right: 20px;
	    top: -51px;
	}
	
	.single.single-showcase .featured-image {
	    float: none;
	    width: 620px;
	}
	
	#related { margin: 0 0 30px 0 }
	
	/*
	
	#related { width: 580px; }
	
	#related li {
		float: left;
		margin-right: 20px;
	}
	
	#related .featured-image { width: auto; }
	
	*/
	
	#footer-menu,
	#credits {
	    float: none;
	    text-align: center;
	}
	
	#footer-menu li {
	    float: none !important;
	    display: inline-block;
	    margin: 10px 0;
	}
	
	.archive #sidebar,
	.archive-title-item { display: none !important }
	
	.archive #masonry {
	    padding: 0;
	    margin-left: 0;
	}
	
	.tax-group #masonry { margin-left: 0 }
	
	.single-showcase #slide-controls {
	    right: 20px;
	    top: 20px;
	}
	
	.page-template-template-fullwidth-php #comments { max-width: 620px }
	
	.page-template-template-fullwidth-php #comments #respond {
	    width: 560px;
	    max-width: 560px;
	}

}


/*---------------------------------------------------------------------------*/
/*	Mobiles - for 680px or less
/*---------------------------------------------------------------------------*/

@media screen and (max-width: 680px) {
	
	#logo {
	    width: auto;
	    padding: 0;
min-height:10px;
	}
	
	#mobile-menu {
	    display: block;
	    padding: 26px 0;
text-align:center;
margin:0 auto;
	    background: url(images/menubg.png);
background-repeat:repeat-x;
	}

#socialicons { display: none; }

#footer-sidebar { display: none; }

.featured {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    border: 0;
margin:0px auto 30px;
display:none;
}

#top-bar-inner {width:300px;margin:0 auto;}

#lateststory {display:none;}

#searchbar {margin:0 auto;
padding:7px 0 0 0;}

.featured #slides {width:100%;}

.featured .featured-details {
    z-index: 80;
    height: 275px;
    margin: 0 auto;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

#archive-news {width:300px;float:left;}

#archive-news h2 {
background: url(images/titlebg.png) repeat;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color:#f2f2f2;
font-weight:bold;
font-size:16px;
	text-transform: uppercase;
	padding: 12px 20px 12px 20px;
border-left:5px solid #b81000;
margin:20px 0 5px 0;
}

#contactbox {
display: block !important;
width:300px;
margin: 0px 0 0px 10px;
font-size:13px;font-family: 'Merriweather', serif;
float:left;
}

#contactbox h3 {
background: url(images/titlebg.png) repeat;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color:#f2f2f2;
font-weight:bold;
font-size:16px;
	text-transform: uppercase;
	padding: 12px 20px 12px 20px;
border-left:5px solid #b81000;
margin:20px 0 5px 0;
}

.copy {margin:20px 0 0 0;}

#credits {
background: url(images/footerbg.jpg);
    margin: 0px auto 0px;
    padding: 0;
    color: #f2f2f2;
width:300px;
float:left;
text-align:center;
}

#archive-news h3 {color:#f2f2f2;}

#home-news {width:300px;}

#home-wrapper {width:300px;}
	
	#mobile-menu select { border: 2px solid #222; }
	
	#mobile-menu ul { display: none; }
	
	.home #home-intro { display: none; }
	
	#load-more { width: 300px !important; }
	
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth {
	    width: auto !important;
	    float: none !important;
	}
	
	#primary-menu,
	#secondary-menu { display: none }
	
	#sidebar { width: 100% }
	
	#container {
	    width: 300px;
	    padding: 0;
	}
	
	.single.single-showcase #main { width: auto }
	
	.page #content,
	.single #content,
	.page #container,
	.single #container { width: 300px }
	
	.page-template-default #content .post-header,
	.page-template-template-fullwidth-php #content .post-header,
	.single #content .post-header { padding: 20px 20px 25px; }
	
	.page-template-default #content .post-content,
	.page-template-template-fullwidth-php #content .post-content,
	.single #content .post-content,
	#comments .inner  { padding: 20px 20px 10px; }
	
	#content { width: 100% }
	
	#header { padding: 0 0 20px }
	
	.page #container,
	.single #container { width: 300px }
	
	.page #content,
	.single #content { max-width: 300px }
	
	#home-title {
	    float: none;
	    margin: 0 auto 20px;
	    width: 300px;
	    text-align: center;
	}
	
	.page .hentry,
	.single .hentry {
	    width: 300px;
	    max-width: 300px;
	}
	
	#single-slides,
	#single-slides .slides_container {
	    width: 300px;
	    height: auto;
	}
	
	#single-slides .slides_container img {
	    display: block;
	    width: 300px;
	    height: auto;
	}
	
	.tax-group #content,
	.page.page-template-template-showcase-php #content {
	    width: 100%;
	    max-width: 100%;
	}
	
	.tax-group #container,
	.page.page-template-template-showcase-php #container { width: 300px }
	
	.single.single-showcase #content {
	    width: 100%;
	    max-width: 100%;
	}
	
	.single.single-showcase #container { width: 300px }
	
	.single.single-showcase #content .post-content {
	    width: 260px;
	    float: none;
	}
	
	.single.single-showcase .featured-image { width: 300px }
	
	.single.single-showcase .featured-image img { width: 100% }
	
	.featured .featured-image img { margin: -50px 0 0 -50px }
	
	#slides .post-title a { color: #fff }
	
	.archive-title-item,
	#sidebar,
	#primary-menu ul ul,
	.item .featured-details .post-content,
	.item .featured-details a.read-more { display: none !important }
	
	th { padding: 5px }
	
	td { padding: 5px }
	
	#hentry-wrap { width: 300px }
	
	#archive-title { margin-right: 0; }
	
	#archive-title .inner { padding: 14px 20px }
	
	#filter li {
	    margin: 4px 0;
	    display: block;
	}
	
	.page-template-template-fullwidth-php #comments { max-width: 300px }
	
	.page-template-template-fullwidth-php #comments #respond {
	    width: 240px;
	    max-width: 240px;
	}
	
	.featured .featured-details .post-content { display: none }
	
	.featured .post-title a { font-size: 24px }
	
	.featured .featured-details .inner {
	    padding: 0;
	    width: 100%;
	    bottom: 40%;
	}

}