/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */

@media screen and (max-width: 1680px) {
	.entry-content .home_cont { float:left; width:46%; margin-right:20px; }
	.entry-content .home_rt_cont { float:left; width:48%;  background: #eee; border: 2px solid #d3d3d3; border-radius: 7px; padding: 10px; line-height: 18px; }
	.entry-content .team_cont { float:left; width:48%; }
	.entry-content .team_rt_cont { float:left; width:49%;  background: #eee; border: 2px solid #d3d3d3; border-radius: 7px; padding: 10px; line-height: 18px; }
	
}

@media screen and and (min-device-width : 1024px) and (max-device-width: 1060px) { 
  #page {
    max-width: 900px;
  }
  #nav-slider .nav-previous, 
  #nav-slider .nav-next {
    top: 94px;
  }
  .entry-content .home_cont { float:left; width:47%; margin-right:20px; }
  .entry-content .home_rt_cont { float:left; width:48%;  }
  
  .entry-content .team_cont { float:left; width:48%; }
  .entry-content .team_rt_cont { float:left; width:49%; }
}

@media screen and (max-width: 960px) {
	/*  ipad */
	#page {
		max-width: 708px;
	}
	.logo-wrap {
		margin-bottom: 2em;
	}
	/* Simplify the basic layout */
	#main #content {
		margin: 0 3%;
		width: auto;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 137px;
	}
	#slider.slider-fullwidth  #nav-slider .nav-previous,
	#slider.slider-fullwidth  #nav-slider .nav-next {
		top: 25%;
	}
	#nav-below {
		border-bottom: 1px solid #ccc;
		margin-bottom: 2em;
	}
	#main #secondary {
		float: none;
		margin: 0 3%;
		width: auto;
	}
	#branding ul.menu a, 
	#colophon #access-footer ul.menu a {
   		padding: 0 0.83em;
	}
	/* Remove the margin on singular articles */
	.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar footer.entry-meta,
	.no-sidebar #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.no-sidebar blockquote.pull {
		margin: 0 0 2em;
	}
	.no-sidebar .pull.alignleft {
		margin: 0 2em 0 0;
	}
	.no-sidebar .pull.alignright {
		margin: 0 0 0 2em;
	}
	.no-sidebar #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	.widget_search #s {
		width: 93.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}	
	.format-gallery .gallery-thumb {
		max-width: 100%
	}
	
	.entry-content .home_cont { float:left; width:46%; margin-right:20px; }
	.entry-content .home_rt_cont { float:left; width:46%; }
	img { width:92%;	}
	
	.entry-content .team_cont { float:left; width:46%; margin-right:20px;  }
	.entry-content .team_rt_cont { float:left; width:46%; }
}
	
@media screen and (max-width: 767px) {
	/*  small tablet */
	#page {
		max-width: 480px;
	}
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body {
   		padding: 0;
	}
	body, input, textarea {
		font-size: 13px;
	}
	#branding,
	#site-generator {
		border-radius: 0;
	}
	.logo-wrap {
		float: none;
		text-align: center;
	}
	.sidebar-top, 
	.sidebar-top .widget,
	#branding #s {
		float: none;
	}
	.sidebar-top {
		text-align: center;
		width: 100%;
	}	
	input#s {
		font-size: 16px;
	}
	#main,
	#supplementary {
		padding-top: 1em;
	}
	#slider.slider-fullwidth {
		margin-bottom: 1em;
	}
	#header-content {
		padding: 2em 0;
		text-align: center;
	}
	#site-title {
		font-size: 28px;
		line-height: 38px;
	}
	#access ul {
		font-size: 12px;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 82px;
	}
	#slider.slider-fullwidth  #nav-slider .nav-previous,
	#slider.slider-fullwidth  #nav-slider .nav-next {
		top: 20%;
	}	
	#slider, 
	.hentry, 
	.no-results, 
	#author-info, 
	#disqus_thread, 
	#content .error404,
	#nav-below,
	.widget,
	#supplementary .widget {
		margin-bottom: 1em;
	}
	#content nav,
	.home #content nav,
	.archive #content nav {
		padding-bottom: 1em;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.no-sidebar .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
	}
	.no-sidebar .hentry {
		padding: 2em 5%;
	}
	.no-sidebar.page .hentry {
		padding: 2em 5%;
	}
	.widget_search #s {
		width: 89%;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist .children li.comment .comment-meta {
		margin-left: 16%;
	}
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {

	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Menu */
	#access .menu-header-container {
		padding: 14px 0;
	}	
	#branding ul.menu, 
	#colophon #access-footer ul.menu,
	#access-secondary {
		display: none;
	}
	#branding ul.menu li,
	#access-footer ul.menu li {
		border: none;
	    float: none;
	    text-align: center;
    }
	#colophon #access-footer ul.menu a {
		display: block;
		float: none;
	}	
	.tinynav {
		background-image: none;
		background-color: transparent;
		background-position: right center;
		background-repeat: no-repeat;
		
		border: none;
		color: #fff;
		display: block;
		margin-bottom: 0;
		margin-left: auto;
		margin-top: 0;
		overflow: hidden;
		width: 100%;
	}	
	.tinynav option {
		color: #000;
	}
	/* Pagination */
	#nav-below .wp-pagenavi a, 
	#nav-below .wp-pagenavi span, 
	#nav-below #wp_page_numbers ul li a,
	.page-link span,
	.page-link a span {
		height: 25px;
		font-size:12px;
		line-height: 24px;
		padding:0 10px;
	}	
	#nav-below .wp-pagenavi a, 
	#nav-below .wp-pagenavi span,
	.page-link span {
		margin: 0 0 0 5px;
	}	
	
	/* Use the available space in the smaller comment form */
	.no-sidebar #comments {
    	width: auto;
	}
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		left: 95%;
	}
	#site-generator .social-profile {
		float: none;
		text-align: center;
	}
	.social-profile ul li {
		display: inline-block;
		float: none;
		margin: 0 0 10px 10px;
	}
	#site-generator .copyright, #site-generator .powered {
		display: block;
		margin-left: 3%;
		float: none;
		text-align: center;
		width: 97%;
	}
	
	.entry-content .home_cont { float:left; width:100%; margin-right:20px; }
	.entry-content .home_rt_cont { float:left; width:92%; }
	.entry-content .team_cont { float:left; width:100%;  }
	.entry-content .team_rt_cont { float:left; width:92%; }
	.contactpage_info { width: 100%; }
}
@media (max-device-width: 650px) {	
	.tinynav {
		background-image: url("../images/select-arrow.png");
	}
}
@media screen and (max-width: 479px) {
	/*  iphone */
	#page {
		max-width: 320px;
	}
	#site-title {
		font-size: 26px;
		line-height: 36px;
	}
	#site-description {
		font-size: 12px;
	}
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		display: none;
	}
	/* Controllers */
	#controllers {
		display: block;
	}
	#controllers {
		text-align:center;
		padding: 5px 0 15px;
		line-height:0;
	}
	#controllers a {
		width:12px;
		height:12px;
		margin:0 3px;
		overflow:hidden;
		display:inline-block;
		background-color:#b7b7b7;	
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		text-indent: -9999px;
	}
	#controllers a:hover, #controllers a.active {
		background-color:#000;
	}	
	.widget_search #s {
		width: 85%;
	}
	img.size-full,
	img.size-large,
	img.wp-post-image {
		max-width: 94.6%;
	}
	.commentlist .children li.comment .comment-meta {
		margin-left: 22%;
	}
	#site-generator .copyright, #site-generator .powered {
		font-size: 9px;
	}
	
	.entry-content .home_cont { float:left; width:100%; }
	.entry-content .home_rt_cont { float:left; width:92%; }
	.entry-content .team_cont { float:left; width:100%;  }
	.entry-content .team_rt_cont { float:left; width:92%; }
	.block-detail { width:92%; float:left; text-align:justify; }
	.entry-content form input { width:263px; }
	.contactpage_info { width: 100%; }
}
@media screen and (max-width: 319px) {
	/* small phone */
	#page {
		max-width: 100%;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
	#branding #s:focus {
		width: 150px;
	}
	input[type="text"] {
		width: 98%;
	}
	.widget_search #s {
		width: 80%;
	}
	.entry-content img, 
	.comment-content img,
	img.size-full,
	img.size-large,
	img.wp-post-image
	{
		max-width: 92%;
   	 	padding: 3%;
	}
	.entry-content .home_cont { float:left; width:100%; }
	.entry-content .home_rt_cont { float:left; width:92%; }
	.entry-content .team_cont { float:left; width:100%;  }
	.entry-content .team_rt_cont { float:left; width:92%; }
	.block-detail { width:92%; float:left; text-align:justify; }
	.entry-content form input { width:250px; }
	.contactpage_info { width: 100%; }
		
}