@media only screen and (max-width: 1440px) { 
.cat-post {width:50%;}
.cat-post:nth-of-type(4n+1) { clear:none;}
.cat-post:nth-of-type(2n+1) { clear:left;}
.flexslider {height: 420px !important;}
}

@media only screen and (max-width: 1152px) {
.about-author { position: relative; clear:both; color:#384252; text-shadow:0 0 0 #000; bottom:0; padding:0 5%; border-bottom:1px dotted #ccc; margin-top:-3em; float:left;}
.about-author .body { width:96%;}
.rslides { max-height:300px;}
.header-image hgroup { top:4em; width:100%; }
.post-content { width:96%;}
header { position:absolute; float:none; top:0; left:0; z-index:30; background:none}
header div { width:30%; float:right; text-align:right;}
header div ul li { float:none; background:#ea9322; font-size: 0.70em;}
header img { display:none;}
header br { display:none;}
header a {background:#ea9322; -webkit-border-radius:2px; border-radius:2px; display:inline;}
header nav.active a { display:inline-block;}
header ul li a:hover, header ul li a:focus { color:#ffffff;}
header ul li a {padding:0.5em;}
header nav {margin: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease; width: auto; position:absolute; width:100%; background:#ea9322; z-index:25 !important; left:0; top:85%;}
header nav ul {margin: 0; padding: 0; z-index: 15;}
header nav ul li {float: left; position: relative; margin: 0; width:25%; border-bottom:1px solid #d27b09; border-right:1px solid #d27b09}
header nav ul li a { margin: 0; padding:0.5em 0; color: white; text-shadow: none; width: 100%; }
header nav ul li:hover ul { max-height: 0; }
.flexslider {height: 190px !important;}
.mobile {display: inline-block; float:left;}
}

@media only screen and (max-width: 1024px) {
header { position:absolute; float:none; top:0; left:0; z-index:30; background:none}
header div { width:30%; float:right; text-align:right;}
header div ul li { float:none; background:#ea9322; font-size: 0.70em;}
header img { display:none;}
header br { display:none;}
header a {background:#ea9322; -webkit-border-radius:2px; border-radius:2px; display:inline;}
header nav.active a { display:inline-block;}
header ul li a:hover, header ul li a:focus { color:#ffffff;}
header ul li a {padding:0.5em;}
header nav {margin: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease; width: auto; position:absolute; width:100%; background:#ea9322; z-index:25 !important; left:0; top:85%;}
header nav ul {margin: 0; padding: 0; z-index: 15;}
header nav ul li {float: left; position: relative; margin: 0; width:25%; border-bottom:1px solid #d27b09; border-right:1px solid #d27b09}
header nav ul li a { margin: 0; padding:0.5em 0; color: white; text-shadow: none; width: 100%; }
header nav ul li:hover ul { max-height: 0; }

.mobile {display: inline-block; float:left;}
.footer-widgets article { float: left; padding: 2em 2%; width: 50%;}
.footer-widgets article:nth-of-type(4n+1) { clear:none;}
.footer-widgets article:nth-of-type(2n+1) { clear:left;}
.flexslider {height: 190px !important;}
}

@media only screen and (max-width: 800px) {
.cat-post { width:100%; float:left; padding:2em 10%;}
.rslides { max-height:220px;}
.main-content h1 { font-size:1.7em;}
.main-content h2 { font-size:1.5em;}
#commentform input[type=text] {width:50%;}
#commentform textarea {width:100%}
.flexslider {height: 190px !important;}
}

@media only screen and (max-width: 640px) {
.about-author {bottom: auto; margin-top:-2em}
.header-image hgroup { top: 3em; width: 100%;}
.rslides { max-height:180px;}
.footer-widgets article .text-widget {margin-bottom:0.5em;}
.main-content h1 { font-size:1.5em;}
.main-content h2 { font-size:1.3em;}
#contacts-left { width:100%; float:left; padding-right:0; padding-bottom:2em;}
#contacts-right { width:100%; float:left; padding-left:0;}
.flexslider {height: 160px !important;}
}

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

.cat-post { width:100%; float:left; padding:1em 5%;}
.header-image hgroup { top:2em; width:100%; }
.about-author {bottom: auto;margin-top:-1em}
.footer-widgets article { float: left; padding: 0.5em 2% 0; width: 100%;}
.rslides { max-height:100px;}
.header-image hgroup img { width:30%}
.date { width:100%;}
.share-buttons {width:100%;}
header div { width:50%;}
.inner-image { padding:2em 0 0;}
#commentform input[type=text] {width:100%;}
header div {display:none;}
header nav ul li { width:50%;}
ul.courseIcons { width:100%;}
.flexslider {height: 115px !important;}
iframe {height: 40%;}
}

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

.date { width:100%;}
.share-buttons {width:100%;}
.main-content h1 { font-size:1.3em;}
.main-content h2 { font-size:1.1em;}
.flexslider {height: 105px !important;}
iframe {height: 50%;}
}

.fb-follow-container {
  margin-top: 5px;
}
.fb-follow {
  display: inline;
  border-radius: 5px;
  background: rgba(255,255,255,0.8);
  padding: 1px 3px 2.5px 3px;
}