@media screen and (max-width: 2505px) {
.flexcarousel{ width:2500px; margin-left:-1245px}
.container_wrap .flexcarousel{ width:1080px; margin-left:-540px !important;}
.container_wrap .blockinside{ padding: 5% 7%;height: 86%;width: 78%;}
.container_wrap .blockinside p.teaser{ font-size:90%; line-height:1.7;}
.container_wrap .flexbg{ display:none;}
.flexcarousel:hover .flex-prev { left: 8%; }
.flexcarousel:hover .flex-next {right: 8%; }
.container_wrap .flexcarousel:hover .flex-prev { opacity: 1; left: 5%; }
.container_wrap .flexcarousel:hover .flex-next { opacity: 1; right: 5%; }
}

@media screen and (max-width: 1925px) {
.flexcarousel{ width:1915px; margin-left:-955px}
}

@media screen and (max-width: 1805px) {
.flexcarousel{ width:1800px; margin-left:-900px}
}

@media screen and (max-width: 1705px) {
.flexcarousel{ width:1700px; margin-left:-850px}
}

@media screen and (max-width: 1605px) {
.flexcarousel{ width:1600px; margin-left:-800px}
.blockinside{ padding: 5% 7%;height: 86%;width: 78%;}
.blockinside p.teaser{ font-size:90%; line-height:1.7;}
}

@media screen and (max-width: 1505px) {
.flexcarousel{ width:1500px; margin-left:-750px}
}

@media screen and (max-width: 1445px) {
.flexcarousel{ width:1440px; margin-left:-725px}
}

@media screen and (max-width: 1325px) {
.flexcarousel{ width:1320px; margin-left:-670px}
.blockinside p.meta_cat{ display:none;}
.flexcarousel:hover .flex-prev { left:4%; }
.flexcarousel:hover .flex-next {right:4%; }
}

@media screen and (max-width: 1285px) {
.flexcarousel{ width:1270px; margin-left:-635px}
.flexcarousel h2{ font-size:18px !important;}
div.container-tuten-logo {}


}

@media screen and (max-width: 1155px) {
	/*#main-nav a {padding: 15px 20px;margin-left:5px;}*/
	.tmnf-sc-quote.left {width:50%;}
	.singleslider .flex-direction-nav a {top:42%;}
	div.container-tuten-logo {}
	#tuten-logo a img {width:140px;}

}

@media screen and (max-width: 1067px) {
	/*#main-nav a {padding: 15px 16px;margin-left:5px;}*/
	.singleslider .flex-direction-nav a {top:38%;}


}

/* iPad lacscape */
@media screen and (max-width: 1026px) { 
.flexcarousel{ width:1030px; margin-left:-515px}
.blockinside p.meta{ display:none;}
.blockinside p.teaser{ font-size:80%; line-height:1.6;}

.container_wrap{ padding:0 0;}

.container,
.container_wrap .container{
width:96%;
margin: 0 0;
padding:0 2%;
}


#header h1{}
.nav{margin: 0 0 0 5px;}
/*#main-nav a {padding: 15px 12px;margin-left:5px;}*/

.nav li a.sf-with-ul {padding-right:13px;}
.nav .sf-sub-indicator{ right:3px;}
#header .searchform{ width:100px;}

.imgwrap img,
.tab img,
img.main-single,
.imgwrap img:hover,
img.headimg,
img.attachment-format-standard,
img.singleimg,
.wp-caption img,
.wp-caption,
.postslider img{ max-width:100% !important;}

.flickr_badge_image{ margin:0 15px 15px 0;}

.singleslider{min-height:330px;}
ul.vrg_slideshow_thumbnails {padding-top:20px;}
.singleslider .flex-direction-nav a {top:44%;}


}

/* Smaller screens */

@media screen and (max-width: 990px){

.flexcarousel{ width:100%; margin-left:0; left:auto;}
.container_wrap .flexcarousel{ margin-left:0 !important; width:100%;}
.flexcarousel h2{ font-size:15px !important;}
.blockinside p.teaser{ font-size:80%; }

h1,h2.post > a  {font-size: 1.2em;}
h2.post > a, h1.itemtitle  {padding:35px 0px;}
h1.itemtitle {padding-left: 5px;}
.font-left {padding-top: 5px;}


h1.itemtitle .font-left {padding-top: 5px;}
.instag ul.thumbnails > li {width:49% !important;}


}

@media screen and (max-width: 960px){
	/*#main-nav a {padding: 15px 10px;margin-left:3px;margin-right: 3px;font-size:17px !important;}*/
	.singleslider{min-height:310px;}
		.bloginfo {font-size: 1.8em;margin-top: 5px;}


}

@media screen and (max-width: 897px){
	/*#main-nav a {padding: 15px 10px;margin-left:1px;margin-right: 1px;}*/
	.bloginfo {font-size: 1.6em;margin-top: 5px;}
	.bloginfo > .title-description .title-description {padding-top: 2px;}

}

@media screen and (max-width: 867px){

	#main-nav .menu-item a::before,
	#main-nav .menu-item a::after {
		width: 70px;
		height: 70px;
		}

	/*#main-nav .menu-item a::after {
		width: 57px;
		height: 57px;
		border-width: 4px;
		}*/
}

@media screen and (max-width: 815px){
	#header {margin-bottom: 18px;}
	ul.vrg_slideshow_thumbnails {padding-top:0px;}
	.singleslider .flex-direction-nav a {top:40%;}
	#tuten-logo a img {width:120px;}	

	.bloginfo {/*font-size: 1.7em;*/margin-top: 5px;}
	.bloginfo > .title-description {padding-top: 0px;}

	h1.itemtitle > span.tuten-title {padding-bottom: 0px;}
	h1.itemtitle .font-left {padding-top: 20px;}
}

/* iPad portrait */
@media screen and (max-width: 770px){

#main-nav{ margin:0 0 0 0; width:100%;}
#header .searchform{ margin-top:15px;}
#header ul.social-menu{ float:left;}


#content { padding-bottom:20px;}

#main-nav>li>a{ font-size:14px !important;}
#main-nav{ padding:0 10px}
#top-nav{ float:left; width:70%;}

.ratingblock{ width:45%;}
.ratingblock h2{ font-size:14px !important;}

.ad300 img,.ad300 ins{ max-width:100%;}

.flexinside{
	font-size:95% !important;
	line-height:1.7 !important;
	bottom:20px;
	left:20px;
	width:40%;
	padding:20px 4%;
}
.flexinside h2{ font-size: 20px !important;}
.flexinside .meta_more{ float:right; margin:0 0 0 0; display:none;}

ul#serinfo-nav li a{ font-size:11px !important;}

.flexbg,
.tab-post img,
ul#serinfo-nav li a i{ display:none;}


ul.featured li.fblock img{ margin:0 15px 0 0; width:65px;}
h2.post > a  {padding:25px 0px;}	

h2.post {padding: 12px 0;}
span.tuten-title {padding-left: 85px;margin-top: 3px;}
.singleslider{min-height:320px;}

/* instagram */
.instag ul.thumbnails > li {width:100% !important;}
/* divider */
.dividers h2.widget {font-size: 20px;padding: 15px 60px !important;}


}



@media handheld, only screen and (max-width: 768px) {

	a#triggernav,
	a#triggernav-sec{ display:block;}

	#navigation,
	#top-navigation{ display:none;}
	#navigation{margin-bottom:40px;}
	#navigation {padding:5px 0 5px 0;}
	#top-navigation{ width:100%;}

	#navigation div.container {padding:0px;}

	#main-nav.nav>li {
		width:100%;max-width:100%;
		float:none;
		text-align:center;display: block;position: relative;
	} 

	#main-nav.nav,
	#top-nav,
	#main-nav{ width:100%; margin:0 0 0 0 !important; padding:0 0 0 0 !important;}

	#main-nav.nav li ul ul{ margin:0 0 0 0;}

	#main-nav.nav li ul li a,
	#main-nav a  { text-align: center;}

	#main-nav.nav > li {border-bottom: 1px solid #eee;}
	#main-nav.nav > li:last-child {border-bottom: 0px solid #eee;}
	#main-nav.nav > li > a {margin-right: 0px;font-size:17px;padding: 22px 0px;width: 100%;display: block;width: 100%;}
/*	#main-nav.nav li ul {width: 100%;}
*/
	div#site-header {height: auto;position: relative;z-index: 0;}
	div#header div.container.container_v {z-index: 1600;top: 0;position: absolute;display: block;height: auto;min-height: 150px;}

	a#triggernav,
	a#triggernav-sec {margin-top:0px;float:right;z-index: 1500;position: relative;display: block;}
	a#triggernav {border-radius: 3px;
			-webkit-border-top-left-radius: 0px;
 			-webkit-border-top-right-radius: 0px;
 			-moz-border-radius-topleft: 0px;
 			-moz-border-radius-topright: 0px;
 			border-top-left-radius: 0px;
  			border-top-right-radius: 0px;}
	.singleslider{min-height:300px;}
	ul.vrg_slideshow_thumbnails {padding-top:0px;}
	.singleslider .flex-direction-nav a {top:40%;}
	.instag ul.thumbnails > li {width:24% !important;}

}

/* Mobile */
@media handheld, only screen and (max-width: 740px) {

body {
font-size: 14px;
-webkit-text-size-adjust: none;
}



.container{width: 94%;padding:0 3%;}

#content,
.aq-template-wrapper .aq_span8{width: 100%; padding-left:0; padding-right:0;}

#sidebar,
.aq-template-wrapper .aq_span4{ width:92%; padding:30px 4%; margin:0 0 20px 0;}

body {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0;
padding-right: 0;
margin-top:0;
}


#footer .threecol,
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol,
#footer .fourcol
{
width: auto;
float: none !important;
margin-left: 0;
margin-right: 0;
height:auto;
}

ul.medpost>li
{
width: auto;
max-width:360px;
float: none !important;
margin-left: auto;
margin-right: auto;
height:auto;
}

.folio, .blogger,.infoblock,ul.medpost,.services{ width:100%;}

ul.medpost > li {padding: 0 0 5px 0;}

.stuff h1,.stuff h2{ font-size:45px; border:none;}

.flex-control-nav{ bottom:25px;}

#copyright{ padding:0 8%; width:84%; margin:10px 0;}

.pagination{ margin-bottom:40px; height:35px;}

.resmode-No{ display:none; visibility:hidden;}

ul.medpost li.format-video iframe, ul.medpost li.format-audio iframe {
    height: 240px;
    min-height: 240px;
}
h1,h2.post > a {font-size: 1.1em;}

span.tuten-title {padding-left: 95px;margin-top: 3px;}
.singleslider{min-height:250px;}
ul.vrg_slideshow_thumbnails {padding-top:20px;}
.singleslider .flex-direction-nav a {top:44%;}

		

}

@media only screen and (max-width: 700px) {

	.font-left {padding-top: 20px;}
	div.container-tuten-logo {position: relative;}
	.bloginfo {padding-top: 10px;padding-bottom: 10px;display: block;}

	nav#navigation.shownav {top: 50%;z-index: 300;position: absolute;display: block;left: 0;}
}

@media only screen and (max-width: 689px) {

span.tuten-title {padding-left: 85px;margin-top: 10px;font-size: 0.8em;line-height: 1.2em;}
#tuten-logo a img {width:140px;}

#header{ text-align:center;}

img#logo,
#header .searchform{ float: none; display:block; margin:20px auto; max-width:300px; max-height:none;}
#header .searchform{ width:200px;}

.scrollTo_top{ visibility:hidden; display:none}


.contact-form .forms textarea,
.contact-form .forms input.txt{ width:100%; float:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0}

.contact-form .forms label{ margin-bottom:10px}

.contact-form .forms .buttons .submit,
.contact-form .forms input#sendCopy{ margin-left:0;}




#header ul.social-menu{ display: inline-block; text-align:center;margin:0;}

.related li a img{ width:100%;}

/*#header{ padding:0 0 20px 0;}*/

#header h1{ text-align:center;}

.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five{ width:100% !important;}

.related{ width:100%;}

h2.post {padding: 8px 0;}
h1.itemtitle {padding: 20px 10px;}

.flexwrap{ margin:0 0 30px 0;}

.flexinside h2{ font-size:16px !important;}

.flexinside p,
.flexinside .line{ display:none;}

.fourblog li{ width: 46.3%; height:430px;}
	.singleslider{min-height:260px;}


} 

@media only screen and (max-width: 605px) {
	#tuten-logo a img {width:120px;}
		.instag ul.thumbnails > li {width:24% !important;}


}

@media only screen and (max-width: 565px) {
	
.journal_small{ width:93.5%;  height:auto;}
.journal_big .imgwrap{ max-width:100%; width:100%; margin:0 0 30px 0;}
.journal_big .imgwrap img{ width:100%;}




}

@media only screen and (max-width: 500px) {
	#tuten-logo a img {width:110px;}
}

@media only screen and (max-width: 429px) {

.related li{ width:100%; margin-left:0;}

iframe{max-height:250px}

.comment-form-author, .comment-form-email, .comment-form-url{ width:100%;}

#respond textarea{ width:90%;}


h2.post,
h1.itemtitle{ font-size:20px !important;}

span.tuten-title, h2.post a > span.tuten-title, h1.itemtitle > span.tuten-title  {padding-left: 55px;margin-top: 3px;font-size: 1.1em;line-height: 1.2em;}


.blogger{ width:100% !important;}

.twoblog li,
.fourblog li{ width:100%; height:auto;}

.flexinside{
	bottom:5px;
	left:5px;
	width:50%;
	padding:5px 4%;
}
.flexinside h2{ font-size: 14px !important;}

.singlesliderwrap{margin:0 -12px 20px -10px;}

.singleslider{min-height:200px;}
/* divider */
.dividers h2.widget {font-size: 20px;padding: 15px 20px !important;}

}