#primary-nav .nav li.current-menu-item a{color: #fff;}
@media only screen and (max-width: 768px) {
  #wrapper .inner-wrap #header{}
  #wrapper .inner-wrap #header a.logo{display:block;}
  #wrapper .inner-wrap #header #primary-nav{display:block; float:none;}
  #header{height: auto;}
  /*#featured-content .featured-left{float:none;}
  #featured-content .featured-right{float:none;}*/
  .headPost{margin-bottom: 20px;}
  .headPost li{margin-bottom: 20px;}
  .headPost a.featureImg{float:left; margin-right: 3%; width: 30%;}
  .headPost .entryWrapper{float:left; width: 66%;}
  .headPost .entryWrapper .read-more{margin-top: 18px;}
  .headPost .entryWrapper .read-more a{background: #f0f0f0; color: #333; padding: 7px 12px; border-radius: 4px;}
}

@media only screen and (max-width: 670px) {
  #header{width: 100% !important;}
  #header a.logo{display: block; width: 266px; margin: 0 auto 0;}
  body #content-loop .entry-thumb{width: 100%; height: auto !important;}
  .headPost a.featureImg{display:block; margin-right: 4%; width: 30%;}
  #mycarousel .entry-thumb{width: 100%; margin-top:0; height: auto;}
  .headPost .entryWrapper{float:left; width: 65%;}
}

@media only screen and (max-width: 480px) {
  .headPost a.featureImg{margin-right: 0; width: 100%; margin-bottom: 20px; float:none;}
  #mycarousel .entry-thumb{height: auto;}
  .headPost .entryWrapper{width: 100%; float:none;}
  #primary-nav{margin-left:0 !important;}
}