/* =Responsive Structure 
	----------------------------------------------- */ 
@media(max-width: 100000px){.mobileslide{display:none!important;}
}
@media(max-width: 1000000px) and (min-width: 1600px){
		.head-logos{padding: 0px 5% 0px;}
		#access{margin-right: 13%;}
		#main{/*padding: 0px 10% 0px;*/}
		#content .entry-title{padding: 0px 17% 0px;margin-top: 20px;}
		.first-section{padding: 0px 17% 0px;}
		#entry-author-info {padding: 0px 17% 0px;}
		#breadcrumbs-box {padding: 0px 17% 0px;margin-top: -20px;margin-bottom: 15px;}
		.after-sections{padding: 10px 17% 10px;}
		.blog-singles{padding: 0px 17% 0px;}
		.entry-meta{margin: 0px 17% 0px;}
		.page-header{padding: 0px 17% 0px;}
		#author-info{padding: 0px 17% 0px;}
		.contentsearch{padding: 0px 17% 0px;}
		#header-container{margin: 0 0 0 11%;}
		#featured .ui-tabs-panel .info{width:650px;margin: 0px 18% 0px;}
		#header-container{margin: 0 0 0 15%;}
		#footer-widget-area{padding: 0px 9% 0px;}
		#container.two-columns-right #content{width: calc(100% - 500px)!important;margin-left: 35px!important;}

}
@media(max-width: 1600px) and (min-width: 1400px){
		#content .entry-title{padding: 0px 15% 0px;margin-top: 20px;}
		.first-section{padding: 0px 15% 0px;}
		#entry-author-info {padding: 0px 15% 0px;}
		#breadcrumbs-box {padding: 0px 15% 0px;margin-top: -20px;margin-bottom: 15px;}
		.after-sections{padding: 10px 15% 10px;}
		.entry-meta{margin: 0px 15% 0px;}
		#author-info{padding: 0px 15% 0px;}
		.page-header{padding: 0px 15% 0px;}
		.blog-singles{padding: 0px 15% 0px;}
		.contentsearch{padding: 0px 15% 0px;}
		#featured .ui-tabs-panel .info{margin: 0px 12% 0px;}
		#header-container{margin: 0 0 0 13%;}
		#footer-widget-area{padding: 0px 7% 0px;}
		.lo-call {right: 24%;}
}
@media(max-width: 1400px) and (min-width: 1300px){
		#content .entry-title{padding: 0px 10% 0px;margin-top: 20px;}
		.first-section{padding: 0px 10% 0px;}
		#entry-author-info {padding: 0px 10% 0px;}
		#breadcrumbs-box {padding: 0px 10% 0px;margin-top: -20px;margin-bottom: 15px;}
		.after-sections{padding: 10px 10% 10px;}
		.entry-meta{margin: 0px 10% 0px;}
		#author-info{padding: 0px 10% 0px;}
		.page-header{padding: 0px 10% 0px;}
		.blog-singles{padding: 0px 10% 0px;}
		.contentsearch{padding: 0px 10% 0px;}
		#featured .ui-tabs-panel .info{margin: 0px 12% 0px;}
		#header-container{margin: 0 0 0 9%;}
		.lo-call {right: 22%;}
}
@media(max-width: 1300px) and (min-width: 400px){
#breadcrumbs-box {margin-top: -20px;margin-bottom: 15px;}.lo-call {right: 20%;}}
@media (max-width: 1920px) { 
	body.mobile {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/ 
	body.mobile #forbottom {min-height:0;}	
	body.mobile	#site-title, body.mobile #site-description { margin-left: 5px; }
} 

@media (max-width: 1280px) {
	#content {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#topbar-inner {padding:0 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
	#access{margin-top: 0px!important; }
	.rslides_container{top: 210px;margin-bottom: 80px;}
	#main{top: 160px!important;background-color: #fff!important;}
}	
@media (max-width: 1100px) {	
	#featured{top: 210px;}
	#featured ul.ui-tabs-nav{width: 33%!important;background: url(/wp-content/themes/biocycle/images/tabs80.png)!important;}
	#featured ul.ui-tabs-nav li{height: 74px!important;}
	#featured ul.ui-tabs-nav li span{line-height: 92px!important;font-size: 20px!important;}
	#featured .ui-tabs-panel .info{padding: 14px 11px!important;top: 70px!important;margin: 0px 2% 0px!important;width: 480px!important;}
	.footer-slide{top: 496px!important;font-size: 13px!important;}
	.caption {width: 460px;}
	.cap-readmore{width:95%;}
	
	.lo-call{right: 9%;}
}	
@media (max-width: 900px) {	
	#featured ul.ui-tabs-nav{background: url(/wp-content/themes/biocycle/images/tabs70.png)!important;}
	#featured ul.ui-tabs-nav li{height: 67px!important;}
	#featured ul.ui-tabs-nav li span{line-height: 68px!important;font-size: 18px!important;}
	#featured .ui-tabs-panel .info{padding: 14px 11px!important;top: 70px!important;margin: 0px 2% 0px!important;width: 480px!important;}
	.footer-slide{top: 468px!important;font-size: 13px!important;}
	.lo-call{display: none;}
}	
@media (max-width: 800px) {	
	
	#header, #access, #branding, #topbar-inner,  #footer-widget-area { width:100%; }
	#header-full, #footer { min-width: 100%; }
	#wrapper, #colophon,  #main, article.post, #container, #linky {width: auto;}
	#branding, #bg_image { min-height:100px; }
	#footer2 {margin-bottom:0;}
	#footer {margin-top:0;}
	
	#bg_image {width:100%;}
	#header-container > div {height:100%;}
	
	#header-widget-area {position:relative;top:0;left:0;width:100%;}
	#header-widget-area #searchform {max-width:100%;}
	#header-widget-area .yoyo > li {margin-bottom:2px;}
	
	a#logo { height:100%; display: block !important; }
	a#logo img { width:auto; max-width:90%;height:80%; }
	.safari a#logo img { max-height: 80px;height:auto; }
	
	#slefts, #srights {display:none;}
	
	#access .menu-header, div.menu {margin:0 5px;}
	#container[class*='column'] #primary, #container[class*='column'] #secondary, 
	#container[class*='column'] #content {width:100%!important;float:none;margin:0;clear:both;} 
	#container[class*='column'] #content {margin-bottom:25px !important;}
	
	#content img, #content article.post img, #content article .wp-caption, article embed {
		max-width:100% !important;
	}
	
	#site-title span a {font-size:35px;line-height: 40px;}
	#site-description {font-size:15px;line-height: 20px;}
	
	#site-title, #site-description { margin-left: 10px; }
	
	article.post, article.page {margin-bottom:25px;}
	.footertwo .widget-area, .footerthree .widget-area, .footerfour .widget-area {width:100%;}	
	#toTop {right:2px;margin-bottom:-18px;padding:7px;font-size:14px;z-index:9999;}
	body {-webkit-text-size-adjust: 100%;} /* Iphone browser fix*/	
	.ngg-galleryoverview{display:none!important;}
	#tab_slide{display:none!important;}
	.dl-menuwrapper{display:block!important;}
	#access { display: none; margin-top: 0; padding-bottom: 5px; }
	.mobileslide{display:block!important;}
	body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote, table, table td, #content dt, #content dd, .ppbox, .column-text{
		font-size: 14px !important;}
		.rslides_container{top: 155px;margin-bottom: 0px;}
}

@media (max-width: 640px) {
.home-buttons{text-align: left;}	#forbottom, #colophon {margin:0px;}
	
	#branding {	height:auto; }
	a#logo img {max-height:75%;max-width:90%;width:auto;height:auto;}
	#header-container > div { margin-top:5px; }
	
	#site-title span a {font-size:25px;line-height: 30px;}
	#site-description {margin-top:3px;font-size:12px;line-height: 15px;}
	#front-text1 h1, #front-text2 h1 {font-size:2em;line-height:1.3em;}
	#front-text2 h1{margin-bottom:0px;}
	
	article.intro .entry-content {font-size: 12px;}
	.featured-post .entry-title {font-size: 14px;}
	.entry-meta span, .entry-utility span {margin-right:7px;}
	.entry-meta a , .entry-meta, .comments-link {font-size: 14px !important;}	
	.icon-metas:before {font-size:11px;margin-right:5px;}
	.icon-time:before, .icon-folder-close:before, .icon-folder-open:before {font-size:12px;} 

	#content .entry-title {font-size:25px !important;}
	#content .entry-content h1{font-size:25px !important;}
	#content .entry-content h2{font-size:20px !important;}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		margin-left:0 !important;}
		
	.widget-area a:link, .widget-area a:visited , .widget-area li { font-size:14px !important; }	
	
	#header .socials a { width: 20px; height: 20px; }
	#header .socials a img { width: 20px; height: 20px; }
	
	.footermenu {display:table;margin:0 auto;float:none;}
	
	#main {margin-top:0px;}		
	#nav-toggle { display: block; float: left; margin: 0 auto; cursor:pointer;
				  width: 100%; height: 44px; padding: 0px 4%; 
				  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#nav-toggle span { }
	#nav-toggle span:before { content: "\e820"; font-family: "elusive"; font-size: 16px; height: 40px; line-height: 40px; }
	
	#access .menu ul, #access .menu ul li {margin:0; width: 100%; }
	#access ul ul {min-width:1px;} #access ul li {white-space: normal;}
	#access > .menu li ul { position: inherit; margin: 0 !important; }
	#access > .menu ul ul ul { left: 0; text-indent: 1em; }
	#access > .menu ul ul ul ul { left: 0; text-indent: 1em; }
	#access a span {padding:15px 10px;}	
	#access > .menu ul li > a:not(:only-child) span:after {
	font-family:"Elusive"; content: '\e80a';
    position: absolute; right: 5px; top: 16px; z-index: 251;
	-moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; 
	-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
	#access > .menu ul li:hover > a:not(:only-child) span:after { top:20px; opacity:0; }
	#access > .menu ul li > a:not(:only-child) span { padding-right:18px; }
	#access ul li:hover, #access ul ul li, #access ul ul {background-color: rgba(255,255,255, .05) !important;}
	#main{top: 95px!important;}
	.rslides_container {
top: 107px;
margin-bottom: -21px;
display:none;
}.caption{
top: 5%;
left: 5%;}
	.caption p{font-size: 13px;
line-height: 17px;}
.caption h1 {
font-size: 21px;
margin-bottom: 8px;}
.cap-readmore {font-size: 15px;}
}

@media (max-width: 480px) {	
	body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote, table, table td, #content dt, #content dd, .ppbox, .column-text{
		font-size: 14px !important;}
	body {padding: 0;}
	#site-title span a{font-size: 22px;line-height:26px;}
	
	#page {margin-top: 0;}
	.magazine-layout #content article.post, .magazine-layout .search #content article{margin:5px 0;width:100%;}
	
	#sheader, .topmenu {display:table;float:none;margin:5px auto;}
	#sheader a {margin-right:5px;}
	#topbar {height:auto;margin-top:7px;position:inherit;} #header-full {margin-top:0;}
	.menu-header-search #searchform {width:100%;margin-left:0;left:0;max-width:100%;}
	#author-avatar {width:75px;}
	.caption p{font-size: 12px;
line-height: 17px;}
.caption h1 {
font-size: 20px;
margin-bottom: 5px;}
.caption {
position: absolute;
left: 0%;
right: 25%;
width: 300px;
padding: 24px;
border-radius: 20px;}
.cap-readmore {
width: 92%;
padding: 8px;
font-size: 14px;
color: white!important;
position: absolute;
padding-left: 20px;
bottom: 0;
left: 0;
right: 0;
border-radius: 20px;
}
}
@media (min-width: 480px) and (max-width: 800px) {.dl-menuwrapper{position: absolute;}#header{position: absolute;}	}

/* =RESPONSIVE CSS FOR THE PP 
**********************************************************/

@media (max-width: 1920px) { 
	body.mobile .column-image {overflow:visible;}	
	body.mobile	.column-image-inside {display:block;position:relative;bottom:0;clear:both;transform:none;-webkit-transform:none;}
	body.mobile .column-image-inside-centered {-webkit-transform:none;transform:none;top:0px;padding-top:15px;}
	body.mobile .column-image-inside:hover {background:none;}
	body.mobile .column-header-image,body.mobile .column-text {opacity:1;position:relative;top:0;color:inherit;}
	body.mobile .column-text-separator {display:none;}
}
@media (max-width: 1680px) {
	.nivo-caption h2 {font-size:64px;}
	.slide-text {font-size:22px;}
}
@media (max-width: 1280px) {
	.nivo-caption h2 {font-size:46px;line-height:1.2em;}
	.slide-text {font-size:18px;}
	.slider-text-separator {margin:.75em auto 1.5em;}
	
	#pp-texttop, #pp-textmiddle, #pp-textbottom, #front-columns-box,#pp-afterslider #content {
		padding-left:20px;padding-right:20px;
		-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;
	}
	.column-image {overflow:visible;} 
	.column-image-inside {display:block;position:relative;bottom:0;clear:both;transform:none;-webkit-transform:none;}
	.column-image-inside-centered {-webkit-transform:none;transform:none;top:0px;padding-top:15px;}
	.column-image-inside:hover {background:none;}
	.column-header-image, .column-text {opacity:1;position:relative;top:0;color:inherit;}
	.column-text-separator {display:none;}
	.theme-default .nivoSlider .readmore  {width:auto;margin:1em auto 0;}
	.theme-default .nivoSlider .readmore a{font-size:1.2em;padding:4px 10px;letter-spacing:0;}
}
@media (max-width: 1024px) {
	.nivo-caption {top: 0;}
	.nivo-caption h2 {font-size:36px;}
	.slide-text {font-size:17px;width:90%;}
	.theme-default .nivo-controlNav {bottom:-35px;} 
	.slider-bullets .nivo-controlNav a {border-color:inherit;border-width:1px;}
}
@media (max-width: 800px) {
	.presentation-page .slider-wrapper{margin:0 auto;width:100%;}
	#slider {width:auto;height:auto;}
	.nivo-caption h2 {font-size:28px;}
	.slide-text {font-size:16px;}
	
	.presentation-page #forbottom{margin:0;}
	#front-columns > div {width:48%;margin-bottom:20px;-webkit-transform:rotate(0) !important;-moz-transform:rotate(0) !important;transform:rotate(0) !important;}
	#front-columns div.column1 {clear:none;}
	#front-columns > div:nth-of-type(2n+2){margin-left:2%;}
	#front-columns > div:nth-of-type(2n+1){clear:left;}
	.column-image img {height:auto;}
	#front-columns .column-header-image {text-align:center;margin-bottom:10px;}
}
@media (max-width: 640px) {
	.nivo-caption h2 {font-size:28px;letter-spacing:0px;font-weight:200;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;}
	.slide-text {font-size:15px;}
	.slider-text-separator {margin:.5em auto 1em;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
	.nivo-caption .inline-slide-text {background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;}
	.nivo-caption .inline-slide-text a{color:inherit;}
	.nivo-directionNav { display: none; }
	.theme-default .nivoSlider {background-image:none;}
	.nivo-caption {position:relative;padding:20px 5px;background-color:inherit;color:inherit;width:100%;text-align:center;right:0;}
	.theme-default .nivoSlider .readmore a {color:inherit;font-weight:300;font-size:14px;}
	.theme-default .nivoSlider .readmore {color:inherit;border-color:inherit;border-width:1px;}
	
	#frontpage blockquote { font-size: 1.0em; line-height: 1.6em; padding: 10px 0; }
	.column-header-image {margin-bottom:0;font-size:20px;}	
	#pp-texttop, #pp-textmiddle, #pp-textbottom, #front-columns-box,#pp-afterslider #content {padding:40px 10px;}
	#front-text1 h2, #front-text2 h2, #front-text5 h2, #front-columns h2 {font-size:35px;}
	#pp-texttop img, #pp-textmiddle img, #pp-bottom img {display:block;float:none !important;margin:0 auto !important;padding:0 !important;}
}
@media (max-width: 480px) {
	.nivo-caption h2 {font-size:26px;}
	.slide-text {font-size:14px;}
	
	#front-columns > div { width:auto;max-width:98%;float:none;margin:25px auto !important;clear:both;}	
} /* End of PP responsive CSS */