/*
WordPress Responsive Stylesheet
Theme: Thyreo
*/

/* ================== Landscape phones and down ==================== */
@media (max-width: 640px) {
/* ===== GENERAL =====*/
body{background:none;}
#colM{padding-top:50px;}
.home #colM{padding-top:20px;}
#contentWrap{padding:0 0px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.hdrRow,.content,#ftrCopyNav,#ftrWidgets,#ftrCredits{padding-right:0;padding-left:0;}
/*Images*/
.rollA{padding-right:0;display:inline-block;}

/* === Header === */
.top-bar-slogan { text-align: center; margin-bottom: 5px;}
.hdrLogins { text-align: center; }

/*Text Logo*/
#logo h1.logoTxt,#logo .logoDescr{display:block;}
/*Hdr Contact*/
#hdrContact ul{float:none;}
#hdrContact ul li{display:inline-block;}
#hdrContact{margin:20px 0;}
#hdrContact ul li{float:none;text-align:center;width:auto;display:inline-block;}
/*Hdr Nav*/
#headerR #navTop.floatR,#navFtr.floatR{float:none;}
#headerR #navTop #menu-header-navigation,#navFtr #menu-footer-navigation{float:none;}
#headerR #navTop #menu-header-navigation li,#navFtr #menu-footer-navigation li{display:inline-block;float:none;}

/*Hdr Poster*/
#hdrPoster .twelve{padding-right:15px;padding-left:15px;}
#hdrPoster h1{font-size:19px;}
#hdrPoster .posterTit{bottom:-38px;left:-15px;}
#hdrPoster.noHdrImg .posterTit{bottom:-55px;}
#hdrPoster #breadcrumbs{display:none;}

/* ====== Homepage ====== */
/*Slogan*/
#colM #homeSlogan .sloganTxt{padding:20px;font-size:20px;line-height:20px;}
/*Homepage Boxes Widget*/

/*Slider*/
.orbitFull .txtWrap{width:90%;}
.orbitFull h4{border-left-width:15px;padding:2px 10px;font-size:18px;}
.orbitFull .sliderTxt{display:none;}

/*Homepage Blog & News*/
.articleBlock{margin-bottom:50px;}
#homeArticles .imgWrap{margin-right:20px;}

/* ====== Team ====== */
.team li.memberBox:nth-child(2n+1){clear:left!important;}
.team h4.boxTit{text-align:center;}
.teamMemberImg,.teamMemberDescr{clear:both;float:none;}
.teamMemberImg{width:100%;margin-bottom:0;}
.teamMemberImg .imgWrap{display:inline-block;} /*Image Size*/
.teamMemberDescr{margin:15px 0 0;}

/* ====== Portfolio ====== */
.portfolioBox{margin-left:15px;}

/* ====== Sidebar ====== */
/*Flickr Widget*/
.wpaddFlickr .flickr_holder{padding-left:0;}
.wpaddFlickr .span1{margin-bottom:20px;margin-left:20px;width:136px!important;float:left!important;}
.wpaddFlickr img{width:100%!important;}

/* ====== Single Post ====== */
#commentform input#author,#commentform input#email,#commentform input#url{width:100%;}

/* ====== Widgets ====== */
/*Contact Widget*/
#contentWrap li.ctBlock,#footerWrap li.ctBlock{padding:0 15px;background-image:none;}
#contentWrap li.ctBlock.first,#footerWrap li.ctBlock.first{padding-left:0;}
#contentWrap li.ctBlock.last,#footerWrap li.ctBlock.last{padding-right:0;}

.hide-for-small,.noHandheld{display:none!important;}
	
} /* END Landscape phones and down */

/* ================== Landscape phone to portrait tablet ==================== */
@media (max-width: 767px) {
/*Center Align elements on Mobile & Portrait Tablet*/
#headerR .hdrSocial,#copyright,#ftrCredits p,
#logo h1.logoTxt,#logo .logoDescr,#hdrContact ul,#headerR #navTop #menu-header-navigation,#navFtr #menu-footer-navigation,.copyright,.st-tag-cloud,#ftrCredits div.ftrLogo,.coLogo{text-align:center;}

/* ====== Homepage ====== */
/*Slider*/
.orbitFull h4,#colM #homeSlogan .sloganTxt{font-size:24px;}
div.orbit-wrapper div.slider-nav{display:none;}
/*Slogan*/
#colM #homeSlogan .sloganTxt{padding-right:30px;padding-left:30px;}
/*HomeBoxes*/
.homeWidgets .widget{margin-bottom:30px;}
.wpaddHomebox{text-align:center;}
.wpaddHomebox .imgWrap{display:inline-block;}
#colM .homeWidgets .widgetTitle{font-size:18px;margin-bottom:15px;}
#colM .homeWidgets .imgWrap{display:inline-block;}
#colM .homeWidgets .rollA{display:block;}
.wpaddHomebox .main_text{margin-right:auto;margin-left:auto;}
/*Portfolio*/
#colM #homePortfolio h2,.portfolioBox p{text-align:center;}
#colM #homePortfolio h2 span{margin-left:0;}
#colM #homePortfolio .imgWrap{display:inline-block;}
#colM #homePortfolio .portTxt{margin-top:20px;}

/*Misc*/
#homeArticles{margin-bottom:0;}

/*Hide Elements on Mobile*/
.someStyle{display:none!important;}

/* ====== Archives ====== */
.archive .post .imgWrap{margin-bottom:20px;}
.serviceWrapper .imgWrap{display:inline-block;}

/* ====== Header ====== */
#logo{text-align:center;}
#headerR .srcBox{width:100%;margin-top:20px;}
.hdrSocial{text-align:center;float:none;}
	.hdrSocial ul{display:inline-block;margin:0;padding:0;zoom:1;*display:inline;float:none;}
	.hdrSocial ul li{float:left;margin:0 2px 4px 2px;}
	
/* ====== Sidebar ====== */
/*Contact Widget*/
.wpaddMap iframe{width:470px;height:300px;}

/* ====== Widgets ====== */
.wpaddFlickr{text-align:center;}
.wpaddFlickr a{display:inline-block;}
.wpaddFlickr img{width:100%;}

/* ====== Footer ====== */
#footer .widget{margin-bottom:40px;}
#navFtr{width:100%;float:none;}
#navFtr ul{float:none;text-align:center;}
#ftrCopyright,#footer #ftrNav,#footer #ftrSocial{margin-bottom:20px;}
#footer .wpaddFlickr{margin-bottom:0;}
#footer .widget.wpaddFlickr a.wpAddWmore{background-position: 0 8px;}
#footer .widget.wpaddFlickr a.wpAddWmore:hover{background-position:0 -17px;}

/* ====== Clients ====== */
/*Accordion*/
h3.accTit, .accordion dt{padding:15px;}
.clientLogo .rollA{display:inline-block;}
.clientLogo .rollA img{width:100%;}

/* ====== Services/Products ====== */
.serviceWrapper,.servImg{text-align:center;}
.servContent{margin-top:20px;margin-bottom:30px;}
.viewList .btnWrap{text-align:center;}

/* ====== Portfolio ====== */
#colM .portfolioBox.four .imgWrap h2{margin:20px 0 20px 0;}

} /* END Landscape phone to portrait tablet */

/* ================== Portrait tablet to landscape and desktop ==================== */
@media (min-width: 768px) and (max-width: 979px) {
	
/* ====== Sidebar ====== */
/*Contact Widget*/
.wpaddMap iframe{width:166px;height:200px;}

/* ====== Homepage ====== */
/*Slider*/
.home .sliderL h4{font-size:20px;margin-bottom:15px;}
.orbitFull .txtWrap{width:75%;}
.sliderTxt{font-size:13px;}
div.orbit-wrapper div.slider-nav span.right{background-position:0 -37px;right:10px;}
div.orbit-wrapper div.slider-nav span.left{background-position:0 0;left:10px;}
/*Slogan*/
#colM #homeSlogan .sloganTxt{padding:20px 30px;font-size:24px;line-height:24px;}
/*Portfolio*/
#colM #homePortfolio .imgWrap h2{font-size:16px;}
.imgWrap .mask div a{width:45px;height:45px;}
/*Blog & News Articles*/
#homeArticles .imgWrap{margin-right:20px;}

/* ====== Portfolio ====== */
.portfolioBox{padding-right:0;}

/* ====== Team ====== */
.teamMemberImg{margin-right:15px;}

/* ensure #menu-main-navigation is visible on desktop version */
#menu-main-navigation{display:block!important;}

.noHandheld{display:none!important;}

} /* END Portrait tablet to landscape and desktop */


/* ================== Medium desktop ==================== */
@media (min-width: 980px) and (max-width: 1199px) {
	
/* ====== Homepage ====== */
/*Blog & News Articles*/
#homeArticles .imgWrap{margin-right:20px;}

/* ====== Sidebar ====== */
/*Contact Widget*/
.wpaddMap iframe{width:220px;height:160px;}

} /* END Medium desktop */


/* ================== Responsive Menu ==================== */
#hidden_menu,#menu-icon,#t_responsive_menu{display:none;}
#hidden_menu li{background-color:#f3f1ee;}
#hidden_menu li a{background-color:#f3f1ee;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;display:block;}
#hidden_menu li a span{display:block;padding-top:8px;padding-bottom:8px;}
#hidden_menu li a:hover{background-color:#ddd;text-decoration:none;}
#t_responsive_menu > li > a{border-top:1px solid #ddd;}
#t_responsive_menu li a{padding:0 10px;}
#hidden_menu li li a{padding-left:24px;}
a#show_hidden_menu{display:block;text-align:left;padding:10px;margin:15px 0 5px 0;font-weight:bold;font-size:15px;-webkit-border-radius:5px;border-radius:5px;}
/*Sub Menu*/
#hidden_menu .menu-item{font-weight:bold;}
#hidden_menu ul.sub-menu .menu-item{font-weight:normal;}
/*X Button*/
a.close_menu{display:block;height:39px;padding:0!important;border:none!important;background-color:transparent!important;}
@media (max-width: 767px){
    #hidden_menu{display:block;}
    #navigation{display:none;}
}