@media screen and (max-width: 2500px) {
#sequence {  height: 400px;}
}

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

#sequence {  height: 330px;}

.aq-block-aq_2_3_column_block{width:62% !important;}
.aq-block-aq_3_column_block{ width:24% !important;}

.aq-block-aq_2_3_column_block,
.aq-block-aq_3_column_block{ padding:25px 0 0 30px}

.aq-block-aq_2_3_column_block.aq-first,
.aq-block-aq_3_column_block.aq-first{padding:25px 0 0 30px}

.container{
margin:0 auto 0 auto;
}


.container_v.open-status{
  max-width: 1299px;
}


#topnav_holder{margin-top:0;}

.flexwrap,
#footer,
#core{padding: 0 6%;width: 88% !important;  margin-left:0 !important; margin-right:0 !important}

.aq_row>.aq_span12 .blogger{padding: 0;width: 100% !important;  margin-left:0 !important; margin-right:0 !important}

}

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

.aq-block-aq_2_3_column_block{width:63% !important;}
.aq-block-aq_3_column_block{ width:26% !important;}

.aq-block-aq_2_3_column_block,
.aq-block-aq_3_column_block{ padding:25px 0 0 10px;}

.aq-block-aq_2_3_column_block.aq-first,
.aq-block-aq_3_column_block.aq-first{padding:25px 0 0 10px}

.nav li.menu-item-has-children>a,
.nav li.page_item_has_children>a{
  	padding-right: 15px !important;
	margin-right:0;
	background: url(images/arrow-superfish.png) 98% 50% no-repeat;
}

#topnav h1{margin: 22px 10px 22px 20px;}

}

/* iPad lacscape */
@media screen and (max-width: 1026px) {

.container{
width:100%;
padding:0 0;
}

#topnav h1{ max-width:20%;}

#main-nav > li > a i{ display:none;}

#mobilenav {
	background:#333;
	width:94%;
	padding:0 3%;
	color:white;
	-moz-box-shadow: 3px 3px;
	-webkit-box-shadow: 3px 3px;
	-o-box-shadow: 3px 3px;
	-ms-box-shadow: 3px 3px;
	box-shadow: 0 3px 3px 1px #eee;
	margin:0 auto;
}
#mobilenav.sticky {
  position: fixed;
  top: 0px;
  z-index: 99999;
}

#mobilenav a {font-size:.9em;line-height:1em; color:white; }

.filter-controller.sticky {
  top: 0px;
  z-index: 99998;
}

.headad {margin:0;}
h1#logo { float:none; margin:0 auto;}
h1#logo span { padding-bottom:10px;}

#main-menu ul li:first-child{border-top:1px solid white; }
#main-menu ul li a:hover { border-bottom:0;}

#main-menu ul li{ text-align:center;width:100%; padding:10px 0; border-bottom:1px solid white;}
#main-menu ul li span {font-size:0.555em; display:block;}
#main-menu ul li ~ li:before, #main-menu ul li ~ li:before{display:none;}
.lang {text-align:right; font-size:.8em;}
.tag-navi-area-inner {text-align:center;}

.aq-block-aq_2_3_column_block{width:64% !important;}
.aq-block-aq_3_column_block{ width:28.5% !important;}

.aq-block-aq_2_3_column_block,
.aq-block-aq_3_column_block{ padding:25px 20px 0 0;}

.aq-block-aq_2_3_column_block.aq-first,
.aq-block-aq_3_column_block.aq-first{padding:30px 0 0 20px;}

.aq-template-wrapper .aq_span8 { width: 66.5% ; }

.flexwrap,
.journal,
#footer,
#core{padding: 0 1%;width: 98% !important;}

.aq_row>.aq_span12 .blogger{padding: 0; width: 100% !important;}

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

.singleslider{min-height:290px;}

.videoblocker li.journal_big {width: 75%;}

.cats_big iframe {max-height: 213px;}
.twoblog li iframe { min-height: 193px;}

}

/* Smaller screens */

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

.aq-block-aq_3_column_block{ width:100% !important; margin:0 !important; padding:0 !important;}

.subtitle a.fr{ display:none;}

.videoblocker li.journal_big{ width:74.8%;}

}


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

#sequence > .sequence-canvas > li {
  width: 100%;
  top: 0;
  margin: 0 auto;
  left:0;
  right:0;
}
#sequence > .sequence-canvas > li img {width:100%;}
#sequence {  height: 400px; }

.title { top:25%; }

#sequence h3 {font-size:1.1em; line-height:1.3;}

.aq-block-aq_2_3_column_block{width:63% !important;}

ul.social-menu li a {font-size:12px !important; min-width:15px;}

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

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

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

ul.featured li.fblock img{ margin:0 10px 0 0; }

.blockinside .teaser,
.blockinside .meta_more{ display:none;}

.cats_big iframe {max-height: 157px;}
.twoblog li iframe { min-height: 80px;}

.journal .blocker {max-width:95%; margin:0 auto;}
.journal_big{ width:100%; border-bottom:none; margin: 10px auto; }
.journal_big .imgwrap{ max-width:100%; width:100%; margin: 10px 0 0 0 ;}
.journal_big .imgwrap img{ width:100%;}
li.journal_small {width:46%; height:250px !important; margin: 0 4% 0 0 !important; float:left !important; padding:0; }

}


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

#sequence {height:250px;}
.title { width:90%; right:0; padding:5px 5%; bottom:15px; height:auto; top:auto; }
.subtitle, .title a.fr, #sequence .top_meta .meta_dat{ display:none;}


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

[class*="aq_span"]{ float:none;}

#content,
.aq-template-wrapper>.aq_span8,
#sidebar,
.aq-template-wrapper .aq_span4,
.flexwrap,
.journal,
#footer,
#core{width: 100% !important; padding:0 ; margin:0 auto; float:none ;}

#content .entry {width:90% !important;}

#sidebar,
.post-bottom { margin:0 auto ;max-width:95%; float:none; overflow:hidden; display:block;}

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;
}

/* post header */
div#breadcrumb{ padding:5px 0!important; margin: 0; line-height:1.3em; font-size:10px; }

#post-header{width:100%;margin:0; padding:0;border-bottom:none;position:relative;}
.post-header-inner{
	background-color: rgba(0,0,0,.35);
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.55);
	position: absolute;
	right: 0;
	bottom: 2.5%;
	min-width: 100%;
	min-height: 97.5%; /* somehow bottom exceeds when 100% */
	width: 100%;
	height: auto;
}
.post-info {
	position: absolute;
	top: 50%;
	margin:0 5%;
	width:90%;
	-webkit-transform: translateY(-50%); /* Safari */
	-ms-transform: translateY(-50%); /* IE 9 */
	transform: translateY(-50%);
}

.post-info h1.post{ font-size:1.35em; margin:10px auto !important; color:white;}
#post-header .sp {
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.55);
	font-size:13px !important;
    background-color: inherit !important;
    margin-bottom:5%;
    text-align: center;
}
.post-info .metapost{ text-align:center; padding:0 !important; }
.post-header-inner a,
.metapost span {color:white; margin:0; line-height: 1.75em; }



.blogger,#core,.blockflex .slides{margin: 0; padding:0 0 0 0; width:100% !important;}

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

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

.pagination{ height:35px;}

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

#topnav ul.social-menu { display:none;}

.journal_small,
.videoblocker li.journal_small,
.videoblocker li.journal_big,
.twoblog li,
.fourblog li,
.leftcat,
.rightcat{ width:100%; margin:0 auto !important; float:none !important; max-width: 95% ;/* 320px */ height:auto !important; overflow:hidden;}

.journal_small .imgwrap { margin: 0 0 10px;}

.flexcarousel h2 { font-size:14px !important;}

.aq_row > .aq_span12 .blogger {margin:0; padding: 0;}

li.format-video iframe {
    min-height: 200px;
}

.pagination{ text-align:center;}

.videoblocker li.journal_small .imgwrap { max-height: none;}

h2.widget{
	font-size:1.9em;
	width: 98%;
    margin: 0 auto;}
}


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

#topnav{ text-align:center;}

#topnav h1 {
    width: 100%;
	max-width:100%;
	text-align:center;
	margin: 30px 0;
}

h1#logo {
	max-width:160px !important;
	float:none;
	margin:0 auto;
}
h1#logo img {max-width: 120px ; margin:0 auto; padding: 4px 0;}
img#logo{ float: none; display:block; max-height:none;}
h1#logo span { display:none;}

/* footer */

#footer{background-color:#333; border:0; font-size:0.8em;color:#fff !important;}
#footer ul a,#footer h2 {color:#fff !important;}
#footer h2 {line-height:3em;}
#footer ul.social-menu {width:100%; height:auto; margin:0 0 20px 0;}
#footer ul.social-menu li {background-color:#fff;}
#footer ul.social-menu li a {font-size:15px !important;}
#footer .searchform {width:85%; margin:0 auto;}
#footer .searchform input.s {background-color:white;}

.scrollTo_top{ width: 100%}
.scrollTo_top img{width:15px !important;}
.scrollTo_top a { border-top:2px solid #686763 !important;padding:5px 0 1px 0!important;text-align:center;background-color:#fff !important; display:block; width:100%; }
#footer .scrollTo_top p{ margin:5px 0 !important; }

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

#navigation,
#top-navigation{ display:none;}
#navigation{margin-bottom:40px;}

#top-navigation{ width:100%;}

.nav>li {
	width:100%;
	float:none;
	text-align:center;
}

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

.nav li ul ul{ margin:0 0 0 0;}

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

#main-nav > li > a { padding: 15px 7px;}

.nav > li > a {margin-right: 0px;}
.nav li ul {width: 100%;}

#topnav ul.social-menu{  text-align:center; float:none; margin:0 auto;}

.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;}

h2.post,
h1.itemtitle{padding: 30px 0 0 0;}

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

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

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


}

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

iframe{ margin-bottom:20px;}
.fb-page { }

#respond textarea{ width:89%;}

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

}

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

	#sequence {height:230px;}
	#content .entry {width:95% !important;}

}