/******************************************
*   MEDIA QUERIES                        
******************************************/
/*** iPad/Tablet Landscape view ***/
@media screen and (max-width: 1024px) {
body, select, input, textarea { font-size: 1em; }
.button { font-size: .9em;}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
#boxed { margin:0 auto; width:100%; -webkit-box-shadow:  none; -moz-box-shadow:  none; box-shadow:  none; }
.wrap { width:95%; padding:0; }
#header { height:auto; }
#logo { float:none; margin:0 auto; text-align:center; }
.description { margin:10px 0 0 0; }
.flexcarousel .flex-direction-nav {display:none;}
.sf-menu li { float:none; position:relative; display:inline-block; margin-bottom:5px; width:auto; background:#f8f8f8; border: 1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sf-menu li ul { padding-top:5px; }
.sf-menu li ul li { margin-bottom:2px; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.sf-menu li ul li ul { margin-top:-5px; }
.sf-menu li ul li ul li { margin-left:2px; }
.prinz-menu-primary { float:none; margin:0 auto; padding:10px 0; text-align:center; font-size:16px; font-weight:normal; }
.prinz-menu-primary li a:hover { border-bottom: none!important; }
.prinz-menu-primary li ul a { float:left!important; font-size:14px; }
.prinz-menu-primary li li a .sf-sub-indicator, .prinz-menu-primary li li a:hover .sf-sub-indicator { background: url(../images/arrow-right.png); display: block; width: 10px; height: 10px; text-indent: -9999px; overflow: hidden; position: absolute; top: 15px; right: -10px;}

.portfolio-small #portfolio-list .portfolio-item { float: left; width: 32%; height: auto; margin: 0 10px 40px 0; }
.portfolio-medium #portfolio-list .portfolio-item  { float: left; width: 48%; height: auto; margin: 0 10px 60px 0; }
.portfolio-large #portfolio-list .portfolio-item  { float: left; margin: 0 10px 40px 0; }

#actionbar { font-size: 2em; padding:35px 10px; }
.featuredbox { width:31%; }
.searchfield, .newsletter { width:95%; }
}


/*** iPad/Tablet Portrait view ***/
@media screen and (max-width: 810px) {
#headerbar .alignleft, #headerbar .alignright { float:none; }
.headerbarleft, .headerbarright { clear: both; display: inline-block; float:none; margin:5px auto; width: 100% }
.headerbar_widget {text-align: center;}
.headerbar_widget li {float:none!important; display: inline-block;}
.headerbarleft .prinz_social_icons ul li, .headerbarright .prinz_social_icons ul li { margin-bottom: 2px !important; }
.description { margin:10px 0 0 0; }
h1.pagetitle, h2.pagetitle { text-align:center; }
img.blogimg {width:100%;}
.prinz-menu-primary { display:none; }
.prinz-menu-primary-mobile { position:relative; display:block; margin:0 auto; padding: 0 0 20px 0; width:60%; min-width:240px; }

#menu-icon { font-size:1.2em; font-weight:bold; text-align:center; color:#222; background: url(../images/mobile-menu-open.png) 10px center no-repeat #f8f8f8; cursor: pointer; padding: 10px; border: 1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#menu-icon.active { background: url(../images/mobile-menu-close.png) 10px center no-repeat #f8f8f8; }

.mobile-menu { text-align:center; font-size: 1.2em; position: absolute; top: 50px; width: 100%; z-index: 10000; background: #f9f9f9; border: solid 1px #ededed; display: none; box-shadow:  0px 2px 3px rgba(0, 0, 0, 0.2); border-radius: 3px;}
.mobile-menu li { margin: 5px; }
.mobile-menu a,  .mobile-menu ul a { background: none; border-bottom: 1px solid #fff; display: block; padding: 5px; color: #666; text-decoration:none; }
.mobile-menu a:hover,  .prinz-menu-primary-mobile ul a:hover { color: #000; }
/* dropdown */
.mobile-menu ul { width: 100%; display: block; border: none; background: inherit; }
.mobile-menu ul li { font-size: 0.9em; background: #eee; margin: 0; }
.mobile-menu ul li li { font-size: 1em; background: #ddd; margin: 0; }
.mobile-menu ul li li li { font-size: 1em; background: #ccc; margin: 0; }

.flex-slider-text { display:none; }

#content.left, #content.right { border:none; padding:0; width:100%; }
#sidebar { width: 100%; margin:0 0 20px 0; }
#actionbar { padding:30px 10px; } 
.featuredbox { width:31%; padding:0 20px 0 0; float:left; }

.homebottom_left, .homebottom_middle1, .homebottom_middle2, .homebottom_right { float: none; min-height: 0; width:100%; padding:0; margin-bottom:40px;}

.portfolio-small #portfolio-list .portfolio-item { margin: 0 5px 30px 0; }
.portfolio-medium #portfolio-list .portfolio-item  { margin: 0 10px 40px 0; }
.portfolio-large #portfolio-list .portfolio-item  { float:none; height: auto; margin: 0 10px 40px 0; }
.portfolio-large #portfolio-list .portfolio-item-inner  { float:none; width: 100%; height: auto; margin-right:0; }
.portfolio-large #portfolio-list .portfolio-item-inner img { width: 100%; }
.portfolio-large #portfolio-list .portfolio-item-right {float: none; margin-bottom:20px; border-bottom: 3px solid #ddd;}

#footer .left, #footer .right { padding:5px 0; }
.twocol_alternative_footer_left, .fourcol_alternative_footer_left, .fourcol_alternative_footer_middle1, .fourcol_alternative_footer_middle2, .twocol_alternative_footer_right, .fourcol_alternative_footer_right { float: none; width:100%; padding:0; margin-bottom:40px;}
} 


/*** 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; }
#leadcontainer img {float:none!important; margin-bottom:10px; width:100%;}
#actionbar { font-size: 1.5em; line-height: 1.1;}
.featuredbox { width:100%; padding:0; float:none; }
.portfolio-small #portfolio-list .portfolio-item, .portfolio-medium #portfolio-list .portfolio-item, .portfolio-large #portfolio-list .portfolio-item { float: none; width: 100%; height:auto; margin: 30px 0; }
}


/*** 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 40px; }
.prinz-menu-primary-mobile { margin-top: -30px; }
.portfolio-medium .portfolio_item_box { float: none; width: 100%; margin: 20px 0; }
.searchfield, .newsletter { width:90%; }
#commentform textarea { width: 90%; }

}