/******************************************
*   MEDIA QUERIES
******************************************/
/*** iPad/Tablet Landscape view ***/
@media screen and (max-width: 1024px) {
}

/*** iPad/Tablet Portrait view ***/
@media screen and (max-width: 810px) {
#logo { float:none; margin:0 auto; height:auto; text-align: center; }
#headerwidgets { float: none; margin: 0 0 10px 0; position:relative; z-index:999; }
#headerwidgets .alignleft, #headerwidgets .alignright { float:none; }
.header_widget {text-align: center;}
.header_widget li {float:none!important; display: inline-block;}
/* The look of the mobile select menu on iOS devices and Webkit Browsers */
select.mnav { -webkit-appearance: none; padding: 5px 10px; margin-bottom:10px;font-size: 1.4em; font-weight: bold; width: 100%; }
#tabs {margin:0;}
#page { width:100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#content { float:none; width:100%; border:none; padding:0; }
#sidebar { float:none; width:100%; clear:both; margin:0 0 20px 0; }
#footer, #alternative_footer { width:100%; }
#footer .left, #footer .right { padding:5px 0; }
.blogtitle, .blogtitle a { font-size: 1.6em; padding: 10px 0px 15px 0px; line-height:1; }
.description { font-size: 1.4em; font-weight: bold; color:#999; margin-bottom:15px; }
#SideBar_Half_Page {display:none;}
}

/*** Smartphone Landscape and small Tablet view ***/
@media screen and (max-width: 610px) {
html { -webkit-text-size-adjust: none; }
.pp_content { min-width: 300px; }
#header { height:auto; }
#leftcol, #rightcol, #centercol { float:none; width:100% }
#pageleft, #pagemiddle, #pageright { float: none; width: 100%; margin: 20px 0; padding: 0 0 20px 0; border-left:none; border-right:none; border-bottom: 1px solid #999; }
.alternative_footer_left, .alternative_footer_middle1, .alternative_footer_middle2, .alternative_footer_right { width: 100%; float: none; padding:0; border:none; }
#Top_Leaderboard, #Footer_Ad {display:none;}
}

/*** Smartphone Portrait view ***/
@media screen and (max-width: 340px) {
div.alignright, div.alignleft { float:none; margin:0; padding:0; max-width:100%; }
#logo { margin:0 auto 20px; }
.prinz-menu-primary-mobile { margin-top: -30px; }
.searchfield, .newsletter { width:90%; }
#commentform textarea { width: 90%; }
}