/*********************************************************************
 *********************************************************************
 ** Media Queries
 *********************************************************************
 *********************************************************************/
 
@media only screen and (max-width: 989px)
{
	img {
		max-width:100% !important;
		height:auto !important;
	}
	
	.video-embed {
		height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
	}
	
	.video-embed iframe,  
	.video-embed object,  
	.video-embed embed {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	
	.jp-jplayer {
		width:100% !important;
		height:auto !important;
	}
	
	.jp-jplayer img {
		display:block;
	}
	
	.jp-jplayer video {
		width:100% !important;
	}
} 
 
/*****************************
 * Tablet (Portrait)
 *****************************/
 /* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 989px)
{
	.container {
		width:768px;
	}
	
	.one-half
	{
		float:left;
		width:344px;
		margin:0 @hpad;
	}
	
	.one-fourth
	{
		float:left;
		width:152px;
		margin:0 @hpad;
	}
	
	.three-fourth
	{
		float:left;
		width:536px;
		margin:0 @hpad;
	}
	
	.search-block	{
		margin-left:0;
	}
	
	ul.top-primary-menu li {
		margin-left:0;
	}
	
	ul.top-primary-menu li a {
		padding-left:10px;
		padding-right:10px;
	}
	
	#main-slider-slides .item ul li .pic,
	#main-slider-slides .item ul li .text {
		width:50%;
		height:246px;
	}
	
	#main-slider-slides .item ul li .heading {
		font-size:30px;
		line-height:30px;
		margin-top:20px;
		margin-bottom:12px;
	}
	
	#main-slider-slides .item ul li .desc {
		margin-bottom:10px;
	}
	
	#main-slider-slides .item .pager {
		margin-left:20px;
	}
	
	#main-slider-slides {
		height:306px; /*246+60*/
	}
	
	#main-slider-slides .item ul,
	#main-slider-slides .item ul li {
		height:246px;
	}
	
	#flickr_badge_wrapper {
		margin:0 -10px;
	}
	
	.flickr_badge_image {
		margin-left:10px;
		margin-right:10px;
	}
	
	.flickr_badge_image a img	{
		width:60px;
		height:60px;
	}
	
	.flickr_badge_image:after {
		right:-10px;
	}
	
	.partners-list-wrapper {
		margin-right:3px;
	}
	
	#partners-list li {
		width:241px;
	}
	
	/***************************************/
	
	.col-content-w-sidebar {
		width:500px;
	}
	
	.col-content-w-sidebar-inner {
		width:460px;
	}
	
	.col-sidebar-bg {
		width:268px;
	}
	
	.col-sidebar {
		width:268px;
	}
	
	.col-sidebar-inner {
		padding-right:20px;
		padding-left:20px;
		width:228px;
	}
	
	.post-body {
		width:420px;
	}
	
	/***************************************/
	
	.sort-menu {
		font-size:12px;
	}
	
	.portfolio-thumb {
		width:167px;
	}
	
	.portfolio-thumb .pic {
		height:110px;
	}
	
	.portfolio-thumb .desc {
		height:120px;
	}
	
	.portfolio-item .desc {
		width:200px;
	}
	
	.portfolio-item .pic {
		width:508px;
	}
}

/*****************************
 * Mobile (Landscape)
 *****************************/
 /* Note: Design for a width of 480px */
	
@media only screen and (min-width: 480px) and (max-width: 767px)
{

	.container {
		width:480px;
	}
	
	.one-half,
	.one-fourth,
	.three-fourth
	{
		float:none;
		width:auto;
		margin:0 @hpad;
	}
	
	.topline-info, .topline-contacts {
		float:none;
	}
	
	.top-primary-menu, .search-block {
		display:none;
	}
	
	#primary-menu-select {
		display:block;
	}
	
	#main-slider-slides .item .pager {
		margin-left:0;
		left:48px;
	}
	
	#main-slider-slides .item ul li .pic,
	#main-slider-slides .item ul li .text,
	#main-slider-slides .item ul li.flip .pic,
	#main-slider-slides .item ul li.flip .text {
		width:100%;
		float:none;
		height:160px;
	}
	
	#main-slider-slides .item ul li .pic.full-width {
		margin-top:80px;
	}
	
	#main-slider-slides .item ul li .heading {
		font-size:20px;
		line-height:20px;
		margin-top:6px;
		margin-bottom:6px;
	}
	
	#main-slider-slides .item ul li .desc {
		margin-bottom:6px;
		font-size:11px;
		line-height:14px;
	}
	
	#partners-list li {
		width:219px;
	}
	
	#partners-list li .pic .static img,
	#partners-list li .pic .hover img {
		max-width:100%;
		height:auto;
	}
	
	.footerline .credits,
	.footerline .copy {
		float:none;
	}
	
	.posts-list-small li .pic {
		float:none;
		margin:0 0 6px 0;
	}
	
	.posts-list-small li .date {
		margin-left:0;
	}
	
	.posts-list-small li .text {
		margin-left:40px;
	}
	
	/**********************************/
	
	.col-sidebar-bg {
		display:none;
	}
	
	.col-sidebar {
		background:#ececec;
		background:rgba(0,0,0,0.1);
	}
	
	.col-content-w-sidebar,
	.col-sidebar,
	.content-cols-wrapper.sidebar-left .col-content-w-sidebar {
		float:none;
		width:auto;
	}
	
	.col-content-w-sidebar-inner,
	.col-sidebar-inner {
		width:auto;
	}
	
	.content-cols-wrapper.sidebar-left .col-sidebar {
		float:none;
	}
	
	.post-body {
		width:400px;
	}
	
	/***************************************/
	
	.sort-menu {
		font-size:12px;
	}
	
	.portfolio-thumb {
		width:210px;
	}
	
	.portfolio-thumb .pic {
		height:138px;
	}
	
	.portfolio-item .desc,
	.portfolio-item .pic {
		width:auto;
		float:none;
		margin:0;
	}
	
	/*************************************/
	
	.col-content-full-width .one-half,
	.col-content-full-width .one-third,
	.col-content-full-width .two-third,
	.col-content-full-width .one-fourth,
	.col-content-full-width .three-fourth,
	.col-content-full-width .one-fifth,
	.col-content-full-width .two-fifth,
	.col-content-full-width .three-fifth,
	.col-content-full-width .four-fifth,
	.col-content-full-width .one-sixth,
	.col-content-full-width .five-sixth,
	.col-content-w-sidebar .one-half,
	.col-content-w-sidebar .one-third,
	.col-content-w-sidebar .two-third,
	.col-content-w-sidebar .one-fourth,
	.col-content-w-sidebar .three-fourth,
	.col-content-w-sidebar .one-fifth,
	.col-content-w-sidebar .two-fifth,
	.col-content-w-sidebar .three-fifth,
	.col-content-w-sidebar .four-fifth,
	.col-content-w-sidebar .one-sixth,
	.col-content-w-sidebar .five-sixth
	{
		float:none;
		margin:0;
		width:auto;
	}

	/**********************************/
	
	.biginfopane .text-block {
		font-size:20px;
		line-height:24px;
	}

}

/*****************************
 * Mobile (Portrait)
 *****************************/
 /* Note: Design for a width of 320px */
 
@media only screen and (max-width: 479px)
{
	.container {
		width:320px;
	}
	
	.one-half,
	.one-fourth,
	.three-fourth
	{
		float:none;
		width:auto;
		margin:0 @hpad;
	}
	
	.logo	{
		position:relative;
		top:0;
		left:0;
		margin:20px 20px 40px;
	}
	
	.topline-info, .topline-contacts {
		float:none;
	}
	
	.top-primary-menu, .search-block {
		display:none;
	}
	
	.menuline {
		height:auto;
		padding:1px 0;
	}
	
	#primary-menu-select {
		display:block;
		float:none;
		margin:0 20px 20px 20px;
	}
	
	#main-slider-slides .item .pager {
		margin-left:0;
		left:0;
	}
	
	#main-slider-slides .item ul li .pic,
	#main-slider-slides .item ul li .text,
	#main-slider-slides .item ul li.flip .pic,
	#main-slider-slides .item ul li.flip .text {
		width:100%;
		float:none;
		height:160px;
	}
	
	#main-slider-slides .item ul li .pic.full-width {
		margin-top:100px;
	}
	
	#main-slider-slides .item ul li .heading {
		font-size:18px;
		line-height:18px;
		margin-top:4px;
		margin-bottom:4px;
	}
	
	#main-slider-slides .item ul li .desc {
		margin-bottom:4px;
		font-size:10px;
		line-height:13px;
	}
	
	#partners-testimonial-container .partner-testimonial {
		margin-left:0;
	}
	
	#partners-testimonial-container .pic {
		float:none;
	}
	
	#partners-list li {
		width:139px;
	}
	
	#partners-list li .pic .static img,
	#partners-list li .pic .hover img {
		max-width:94%;
		height:auto;
	}
	
	.footerline .credits,
	.footerline .copy {
		float:none;
	}
	
	.posts-list-small li .pic {
		float:none;
		margin:0 0 6px 0;
	}
	
	.posts-list-small li .date {
		margin-left:0;
	}
	
	.posts-list-small li .text {
		margin-left:40px;
	}
	
	/**********************************/

	.col-sidebar-bg {
		display:none;
	}
	
	.col-sidebar {
		background:#ececec;
		background:rgba(0,0,0,0.1);
	}
		
	.col-content-w-sidebar,
	.col-sidebar,
	.content-cols-wrapper.sidebar-left .col-content-w-sidebar {
		float:none;
		width:auto;
	}
	
	.col-content-w-sidebar-inner,
	.col-sidebar-inner {
		width:auto;
	}
	
	.content-cols-wrapper.sidebar-left .col-sidebar {
		float:none;
	}
	
	.post-body {
		width:240px;
	}
	
	/***************************************/
	
	.sort-menu {
		font-size:12px;
	}
	
	.portfolio-item .desc,
	.portfolio-item .pic {
		width:auto;
		float:none;
		margin:0;
	}
	
	/*************************************/
	
	.col-content-full-width .one-half,
	.col-content-full-width .one-third,
	.col-content-full-width .two-third,
	.col-content-full-width .one-fourth,
	.col-content-full-width .three-fourth,
	.col-content-full-width .one-fifth,
	.col-content-full-width .two-fifth,
	.col-content-full-width .three-fifth,
	.col-content-full-width .four-fifth,
	.col-content-full-width .one-sixth,
	.col-content-full-width .five-sixth,
	.col-content-w-sidebar .one-half,
	.col-content-w-sidebar .one-third,
	.col-content-w-sidebar .two-third,
	.col-content-w-sidebar .one-fourth,
	.col-content-w-sidebar .three-fourth,
	.col-content-w-sidebar .one-fifth,
	.col-content-w-sidebar .two-fifth,
	.col-content-w-sidebar .three-fifth,
	.col-content-w-sidebar .four-fifth,
	.col-content-w-sidebar .one-sixth,
	.col-content-w-sidebar .five-sixth
	{
		float:none;
		margin:0;
		width:auto;
	}
	
	/**********************************/
	
	.biginfopane .text-block {
		font-size:16px;
		line-height:20px;
	}
	
	.biginfopane .button-block a {
		font-size:16px;
		padding-left:10px;
		padding-right:10px;
	}

}