/******************************************
* Media Queries (Responsive Design)
*******************************************/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/
/* Large Screens */
@media screen and (max-width: 1110px) {
  .inner-wrapper {
    width: 94%;
    padding: 0 2%;
  }

  #header #header-inner {
    display: block;
  }

  #header #header-inner #head_banner {
    width: 25%;
    display: block;
    float: left;
    font-size: 16px;
  }

  #header #header-inner #header-right {
    width: 25%;
    display: block;
    float: right;
  }

  #logo {
    width: 46%;
    margin: 0 2%;
    display: block;
    float: left;
  }

  #header #header-inner #head_banner img {
    max-width: 100%;
    height: auto;
  }

  #header #searchform #s {
    width: 74%;
  }

  #main {
    width: 66%;
  }

  .main_feat {
    width: 46%;
  }

  .main_feat img {
    max-width: 100%;
    height: auto;
  }

  .headings {
    width: 50%;
  }

  #main .homepage-widgets .homecat ul.featured-stories {
    margin-left: -2%;
  }

  #main .homepage-widgets .homecat ul.featured-stories li {
    width: 30%;
    margin: 0;
    padding: 0 0 0 2%;
  }

  #main .homepage-widgets .homecat ul.featured-stories li .thumb img {
    max-width: 100%;
    height: auto;
  }

  #sidebar {
    width: 30%;
  }

  #sidebar .widget {
    width: 96%;
    padding: 2%;
  }

  .tabbertabs {
    width: 100% !important;
  }

  ul.tabbernav li {
    font-size: 12px;
  }

  .fb_iframe_widget {
    width: 100% !important
  }

  .fb_iframe_widget span {
    width: 100% !important;
  }

  .fb_iframe_widget span iframe {
    width: 100% !important;
  }

  .widget img,
  .side_ad img,
  #home_ad img {
    max-width: 100%;
    height: auto;
  }

  .archiveposts .post-thumb img {
    max-width: 100%;
    height: auto;
  }

  #comments .commentlist li #respond input {
    width: 94%;
  }

  #comments .commentlist li #respond textarea {
    width: 94%;
  }

  #comments .commentlist li #respond p.form-submit input {
    width: auto;
  }

  .carousel-slider {
    width: 100%;
  }

  #footer .copyright {
    width: 100%;
    float: none;
  }

  #footer .designed {
    width: 100%;
    float: none;
    text-align: left;
    display: block;
    border: none;
  }

  .footer-widgets div.column {
    width: 47%;
    margin: 0 2% 0 0;
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  #footer .footer-wrapper {
    width: 94%;
  }

  #footer .footer-menu {
    float: none;
    margin: 0 0 15px;
  }

  .footer-logo img {
    max-width: 100%;
  }

  .footer-logo {
    width: 100%;
  }

  #menu #mainmenu>li {
    display: inline-block;
    float: left;
    margin-right: 3px;
  }
}

@media screen and (max-width: 1000px) and (min-width: 640px) {
  .home #accordion-1 dd img {
    max-width: 50% !important;
  }

  #accordion-1 .post_meta {
    margin-bottom: 0px !important;
    padding-bottom: 15px;
    padding-top: 13px;
    background-color: #fff;
  }
}

/* Tablets */
@media screen and (max-width: 768px) {
  #toggle-top, #topmenu {
    display: none
  }

  #menutop {
    width: 100%;
    text-align: center;
  }

  #social {
    float: none;
  }

  #social li {
    display: inline-block;
    float: none
  }

  #header #header-inner {
    padding: 3% 0 1%;
  }

  #header #header-inner #head_banner {
    width: 100%;
    float: none;
    font-size: 16px;
    text-align: center;
  }

  #header #header-inner #header-right {
    display: none;
  }

  #logo {
    width: 100%;
    margin: 2% 0;
    float: none;
  }

  /* #menu #mainmenu li#menu-item-7966 a {
    padding-left: 0px !important
  } */

  #logo img {
    max-width: 100%;
    height: auto;
  }

  #logo h1 {
    font-size: 40px;
  }

  #main {
    width: 100%;
  }

  #sidebar {
    width: 96%;
    padding: 1px;
  }

  #header {
    position: relative;
  }

  #header .adv {
    float: none;
    clear: both;
    margin: 15px 0 0;
  }

  .btn_menu {
    float: left;
    display: block;
    background: url("images/menu.png") no-repeat -69px -56px;
    width: 40px;
    height: 35px;
    margin: 5px 10px;
    top: 0;
    position: absolute;
  }

  .mobile-menu {
    display: none;
  }

  #menu .wrap {
    border: none;
  }

  #topmenu-wrap {
    display: none;
  }

  #menu-wrap {
    display: none;
    clear: both;
  }

  #menu #mainmenu {
    text-align: left;
  }

  #menu #mainmenu>li {
    display: block;
  }

  #menutop #topmenu {
    width: 94%;
    margin-left: 3%;
  }

  #menutop .dropdown>li>a {
    padding-left: 0;
  }

  .dropdown {
    padding: 0;
  }

  .dropdown li {
    display: block;
    float: none;
    margin-right: 0;
  }

  #menu .dropdown>li:after {
    display: none;
  }

  .dropdown a {
    padding-left: 0;
  }

  .dropdown .sub-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    margin-left: 10px;
    display: block !important;
    position: relative;
    visibility: inherit !important;
    top: 0;
    width: auto;
    border: none;
  }

  .dropdown .sub-menu .sub-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    margin-left: 10px;
    display: block !important;
    position: relative;
    visibility: inherit !important;
    top: 0;
    width: auto;
    border: none;
  }

  .dropdown li:hover .sub-menu .sub-menu {
    top: 0;
    left: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
  }

  #menutop .dropdown .sub-menu li:hover>a,
  #menutop .dropdown .sub-menu .sub-menu li:hover>a {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    color: #fff !important;
  }

  #mainmenu {
    width: 96%;
    margin-left: 2%;
  }

  #menu #mainmenu>li>a {
    border: none;
    padding-left: 0;
    color: #fff !important;
  }

  .mobile-menu .dropdown ul li {
    text-align: left;
  }

  .mobile-menu .dropdown ul li a {
    color: #fff !important;
  }

  #menu #mainmenu>li>a:before {
    display: none;
  }

  #menu .dropdown .sub-menu li:hover>a,
  #menu .dropdown .sub-menu .sub-menu li:hover>a {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
  }

  .dropdown a {
    color: #878d95 !important;
    text-shadow: none !important;
    font-size: 14px;
  }

  #menutop .dropdown a {
    color: #979ca3 !important;
    text-shadow: none !important;
  }

  .dropdown .sub-menu li {
    border: none;
  }

  .dropdown a:hover {
    color: #878E91;
  }

  .dropdown li ul li {
    border: none;
  }

  .dropdown li ul li a {
    color: #878E91;
  }

  .dropdown li:hover li a:hover {
    color: #333;
  }

  .dropdown li:hover ul a {
    color: #878E91;
  }

  .dropdown>li>a:hover {
    margin-top: 0;
  }

  .dropdown>li>a:after {
    display: none;
  }

  .dropdown>li>a:hover:after {
    border-top-color: #ec5706;
  }

  .dropdown ul {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }

  .dropdown>li>a:hover {
    margin-top: 0;
    color: #333;
  }

  .dropdown>li:hover {
    margin-top: 0;
  }

  .dropdown>li:hover>a {
    margin-top: 0;
  }

  .dropdown li:hover a {
    background: none;
    color: #333;
  }

  .dropdown li:hover {
    background: none;
  }

  .dropdown li:hover ul,
  .dropdown li.sfHover ul {
    left: 0;
    top: 0;
    z-index: 99;
  }

  ul.dropdown li:hover li ul,
  ul.dropdown li.sfHover li ul {
    top: 0;
  }

  ul.dropdown li li:hover ul,
  ul.dropdown li li.sfHover ul {
    left: 0;
    top: 0;
  }

  ul.dropdown li li:hover li ul,
  ul.dropdown li li.sfHover li ul {
    top: 0;
  }

  ul.dropdown li li li:hover ul,
  ul.dropdown li li li.sfHover ul {
    left: 0;
    top: 0;
  }

  #menu #mainmenu>.current-menu-ancestor>a,
  #menu #mainmenu>.current-menu-item>a {
    background: none;
    color: #fefefe !important;
  }

  #menu #mainmenu>li {
    width: 100%;
    display: block;
  }

  #menu #mainmenu>li>a {
    /* padding-left: 0px !important; */
  }

  .inner-wrapper {
    border: 0px !important;
  }
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {
  #breaking-news h2 {
    display: none;
  }

  #accordion-1 h2 {
    font-size: 16px !important;
    line-height: 18px !important;
    margin-top: 5px !important;
  }

  dd p {
    line-height: 16px !important
  }

  #accordion-1 dt {
    height: 10px !important
  }

  #accordion-1 dd img {
    position: absolute;
    margin: 0px !important;
    width: 100% !important
  }

  .text {
    position: absolute;
    z-index: 9;
    width: 80% !important;
    color: #FFF !important;
    background: rgba(0, 0, 0, 0.7);
  }

  #header #header-inner #head_banner {
    display: none;
  }

  #main .homepage-widgets .homecat ul.featured-stories {
    margin-left: 0;
  }

  #main .homepage-widgets .homecat ul.featured-stories li {
    padding: 0;
    margin: 0 0 15px;
    width: 100%;
  }

  #main .homepage-widgets .homecat ul.featured-stories li .post-excerpt {
    display: none;
  }

  #main .homepage-widgets .homecat ul.featured-stories li .thumb {
    width: 35%;
    float: left;
    margin: 0 15px 10px 0;
  }

  .carousel-slider .item {
    min-height: 150px;
  }

  .footer-widgets div.column {
    width: 100%;
    margin: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  .archiveposts h2 {
    font-size: 18px;
  }

  .archiveposts .post-thumb {
    margin: 0 15px 0 0;
  }

  .archiveposts .post-content {
    overflow: inherit;
  }

  .recent-meta {
    clear: both;
    margin: 10px 0 0;
    display: block;
    width: 100%;
    float: left;
  }

  h1.entry-title {
    font-size: 24px;
  }

  #respond .form_fields {
    width: 100%;
    margin: 0 0 15px;
  }

  #respond .comment-form-comment {
    width: 100%;
  }

  .main_feat,
  .headings {
    width: 100%;
  }

  .easy-accordion .text {
    padding-bottom: 27px;
  }

  #accordion-1 dd {
    width: 100% !important;
  }

  #accordion-1 dd img {
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    min-width: 100%;
  }

  #accordion-1 dd .date, #accordion-1 dd .author {
    color: #eee;
  }
}

@media screen and (max-width: 460px) {
  .archiveposts .post-thumb {
    float: none;
    margin: 0 0 15px;
  }
}

@media screen and (max-width: 360px) {
  .pitch_search_container input[type="submit"] {
    float: right;
    left: -15px !important;
    top: -30px !important;
  }
}