/* mobile/responsive css */

@media only screen and (min-width:768px) {
.fbox hr {display: none;}

.member-company { width: 710px; height: 205px; border: 2px solid #867b69; margin-top: 10px; margin-bottom: 10px; }
.member-company:after { content: "\a0"; clear: both; visibility: hidden; display: block; height: 0; overflow: hidden; }
.member-company > .primary { width: 505px; background-color: #e8e8e8; }
.member-companies + .foot { width: 710px; }
.member-company > .primary > .foot { height: 60px; padding: 0 12px 6px; }
.company-categories {display: none !important;}

div.footer-four{ padding: 0% 0% 0% 0% !important; float: right;}
.banrbox {float: right;}
}

@media only screen and (min-width:768px) and (max-width:1140px){
.content-inner {width: 98% !important; float: left; margin-left: 10px !important;}
.slider_before {width: 99%; float: left; margin-left: 10px !important;}
#Gallerybox {width: 100%; float: left; margin-left: 0 !important;}
#top-navigation .sf-menu { font-size: 7.5px; max-width: 1004px; width: auto; padding-left: 10px !important; margin: 18px auto 0px; height: 30px; background-image: url(../../uploads/site/rogo_top_j.gif); background-repeat: no-repeat; background-position: right 0px;}
}


@media only screen and (min-width:280px) and (max-width:800px){
  #top-navigation .sf-menu, #main-navigation .sf-menu {display: none;}
  #main-navigation {background: #52C0D4;}
    #mobile-nav {display:none;}
    .mobile-open {float: right; text-align: right;margin-right: 5px;}
    #top-navigation:before, #top-navigation:after {display:none;}
     #top-navigation #searchform {width: 250px;right: 0;top: 1px;margin:0;position: absolute;}
#top-navigation {margin: 0px; padding: 0px; width: 100% !important; position: fixed !important; z-index: 10; opacity:0.9; background-color: #FFF; background-image: url(../../uploads/site/rogo_top.gif); background-repeat: no-repeat; background-position: -15px 6px;}
}

@media only screen and (min-width:280px) and (max-width:767px){
#header {margin: 10px 0 0 0px !important;}
#wrapper {margin: 0px; padding: 0px; width: 100%;}
  #content {width: 100% !important;}
.content-inner {width: 99% !important; float: left; margin-left: 0 !important;}

  #post-entry aside.home-feat-cat .fpost .feat-thumb {height: auto; max-height: 1000px;}
  .ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {padding: 0px; width: 100%;}
  aside.home-feat-cat {border: 0 none; float: left; padding-bottom: 2em; margin: 0 !important; width: 97% !important;}
  aside.home-feat-cat .feat-thumb img {height: auto; width: 100%;}
  #Gallerybox,#slider,#sliderContent,.slider_before {height: 300px !important;}
  body {}
  .sliderImage h1 {font-size: 2em !important;}
  #post-entry, #right-sidebar {margin: 0 0 2em; padding: 2% 0%; position: relative; float: left; width: 100% !important;}
  #header-right {width: 100%; text-align: center;}
  #header-right .social-and-search {margin: 0px; padding: 0.6em; float: left; width: auto;}
  #slider {width: 100% !important;}
  .sliderImage img {width: 100% !important; height: auto !important; max-width: 800px;}

  #custom #siteinfo {width:96% !important;padding:2%!important;float:left;position:relative;top:0;left:0;}
  #custom #header .innerwrap {max-width:100%;width:100%;}

  #container .flex-caption h1 {margin: 0 0 0.125em; font-size: 1.85em;}
  #container ol.commentlist li ul.children li.depth-2 {margin: 0 0 0 0px;}
  #left-container {display: none;}
  #wrapper-main {float: left; width: 100%; background: transparent !important; box-shadow: 0 2px 5px transparent !important;}
  #siteinfo h1 {width: 100%; float: left; margin: 6px 0 0;}
  #siteinfo p {width: 100%; float: left; margin: 0;}
  #topbanner {width: 100%; float: left; overflow: hidden; margin: 1em 0 0;}
  .jcpost h1{font-size: 3em !important;}
  footer .innerwrap, header .innerwrap, .innerwrap-custom-header, #bodywrap, #main-navigation .innerwrap {margin: 0px 0px 0px 10px; padding: 0px; max-width: 96%; width: auto;}
  #post-related .feat-cat-meta {margin: 0px 0.8em 0.5em 0px !important;}
  #wrapper .content {width: 100%; padding:0% !important;}
  #post-entry {padding:0 !important; width: 100% !important;}
  footer .fbox {width: 100%; padding: 0%;}
  #slidearea .innerwrap,#gallerycover {width:100% !important;}
  .jcbox img{float:none !important; clear: both; margin: 0px 0px 1em 0px !important; padding: 0px; max-width:90% !important; height: auto; width: auto;}
  .jcpost {width:auto !important; float: left;}
  #slidearea,#gallerycover,.jcpost {height: 530px !important;}
  .ftop {width: 94%; padding: 2em 3% !important;}

  .footer-right {margin: 0; padding: 0; width: 70%;}
  .footer-right ul {float: left !important;}
  .footer-right ul li {margin: 0 10px  0 0 !important;}
  #top-navigation .sf-menu, #main-navigation .sf-menu {display: none;}
  #main-navigation {background: #52C0D4;}
  #siteinfo {float: left; margin: 0 0 1em; text-align: center; width: 100%;}
  #custom .flexlarge .flex-image {width: 360px; height: 220px; overflow: hidden; position: absolute; right: 30px !important; bottom: 0px !important; border: 6px solid #FFF; top: 21px; box-shadow: 0 2px 0 #FCF9EE, 0 4px 0 rgba(0, 0, 0, .15);}
    #mobile-nav {display: none;}
    #top-navigation:before, #top-navigation:after {display:none;}
     #top-navigation #searchform {width: 250px;right: 0;top: 1px;margin:0;position: absolute;}

aside.home-feat-cat .feat-right {margin: 0em 0em 0em 80px; padding: 0px;}
aside.home-feat-cat .feat-title {font-size: 1.35em; margin: 0em 0px 0.2em; padding: 0px; float: left; width: 100%;}
aside.home-feat-cat .feat-thumb {margin: 0px; padding: 0px; float: left; width: 70px; overflow: hidden; height: auto; min-height: 70px !important;}
aside.home-feat-cat .feat-content {display: none;}

.text_box ul {margin-left: 0px !important;}
.member-company > .secondary {display: none;}
.member-company { width: 100%; height: 218px; border: 2px solid #867b69; margin-top: 10px; margin-bottom: 10px; }
.member-company:after { content: "\a0"; clear: both; visibility: hidden; display: block; height: 0; overflow: hidden; }
.member-company > .primary { width: 100%; background-color: #e8e8e8; }
.member-companies + .foot { width: 100%; }
.member-company > .primary > .foot { height: 73px; padding: 0 12px 6px; }

#workshop .post_img  {border: 0 none; max-width: 27%; float: left; height: auto; margin: 0;}
#workshop .post_excerpt {width: 70%; margin-right: 3%;  float: left; }
}

@media only screen and (min-width:280px) and (max-width:750px){
#header {margin: 20px 0 0 0px !important;}
  .container-wrap {width:100% !important; padding:0% !important;}
  .footer-top .ftop {width:100% !important; padding:2em 0 0 0 !important;}
  #main-navigation {margin: 0 0 1.25em;}
  aside.home-feat-cat {border: 0 none; float: left; padding-bottom: 2em; margin: 0 !important; width: 95% !important;}
  #custom #post-entry article.home-post .article-blk {width: 100%; height:auto !important; margin:0 0 3% !important;}
  #custom #post-entry article.home-post {width: 100%; height:auto !important; float: left; margin:0 0 2em !important;}
  #custom #post-entry article.home-post.alt-post {width: 100%; height:auto !important; float: left; margin:0 0 2em !important;}
  #custom .separator {display: none;}
  .sliderImage h1 {font-size: 2em !important;}

  #slider .left, #slider .right {width: 45% !important;}
  #custom .flex-caption {width: 80% !important; padding: 0%; position: absolute; float: left; left:60px !important; margin: 0px; top: 260px !important;}
  #custom .flex-caption h1 {margin: 0em; color: #222; font-size: 1.35em; line-height: 115%; padding: 0px; float: left; width: 100%;}
  .flexlarge .feat-more {margin: 6px 0 0 !important;}
  .flex-caption p {display: none;}
}

@media only screen and (min-width:200px) and (max-width:520px){
  aside.home-feat-cat {border: 0 none; float: left; padding-bottom: 2em; margin: 0 !important; width: 88% !important;}
  #custom #post-entry div.post-thumb {width: 80px;}
  #custom #post-entry article .post-right {margin: 0 0 0 100px;float:none;width:auto;}

  #featuredbox,#Gallerybox,#slider,#sliderContent {height: 250px !important;}
  .slider_before {height: 272px !important;}
  .sliderImage img { width: 100% !important; height: auto !important; max-width:100%;}

.footer-left {margin: 0px; padding: 0px; float: left; width: 100%; height: 32px; text-align: left; background: url(../../uploads/site/rogo_footer_w.gif) 0 -8px no-repeat; text-indent: -9999px;}
.footer-right {float: left; margin: 0 0 0 30px !important; width: 100%; text-align: left; font-size: 90% !important; line-height: 1.4em;}
aside.home-feat-cat .feat-right {margin: 0em 0em 0em 80px; padding: 0px;}
aside.home-feat-cat .feat-title {font-size: 1.35em; margin: 0em 0px 0.2em; padding: 0px; float: left; width: 100%;}
aside.home-feat-cat .feat-thumb {margin: 0px; padding: 0px; float: left; width: 70px; overflow: hidden; height: auto; min-height: 70px !important;}
aside.home-feat-cat .feat-content {display: none;}
#post-entry article.post-single {margin: 0; border: 0px none; background-color: #ffffff; padding: 15px; width: 93%; }
}