/*-=Small screens=-*/
@media only screen and (max-width: 40em) {
  /* TOP BAR Mobile STYLING */
  .top-bar {
    background: #231f20;
  }

  .top-bar-section ul li > a {
    color: #fff; /* change color of text if you need */
    font-size: 13px;
    text-align: left;
    background: #333333; /* change background color if you need */
  }

  .home-page-footer-begin {
    position: relative;
  }
  .top-bar-section ul li:hover > a {
    background: #111 !important; /* change background color if you need */
  }
  .page-image-holder {
    min-height: 300px;
    position: relative;
  }
  .page-image-holder .page-image {
    min-height: 300px;
    height: 300px;
    max-height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .page-image-holder .page-image img {
    width: 1166px;
    max-width: 1166px;
    min-width: 1166px;
    min-height: 300px;
    height: 300px;
    max-height: 300px;
    right: -50%;
    position: absolute;
  }
  .page-image-holder .page-image-text {
    position: relative !important;
    bottom: 0;
  }
  .logo {
    position: relative;
    max-width: 352px;
    width: auto;
  }
  #searchform {
    position: relative;
    right: 0;
    top: -7px;
  }
  #searchform .search-button-mobile {
    width: 10%;
    height: 40px;
    border: 0;
    margin-top: 10px;
    cursor: pointer;
    float: right;
    display: block;
  }
  #searchform .search-header-field {
    display: block;
    float: left;
    margin-top: 10px;
    width: 90%;
  }
  #searchform .search-header-field input {
    display: block;
  }
  #searchform .search-button {
    display: none;
  }
  .post-body table {
    border: none;
  }
  .post-body table {
    border: none;
  }
  .post-body table th,
  .post-body table td {
    border: 1px solid #ebebeb !important;
  }
  .top-bar-section ul li {
    height: 35px;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    height: 35px !important;
  }
} /* max-width 640px and lower. Use this for mobiles only */

/*-=Medium screens=-*/
@media only screen and (max-width: 64em) {
  .top-bar {
    line-height: 28px;
  }

  .page-image-holder img {
    min-height: 300px;
    height: 300px;
    max-height: 300px;
    width: 1166px;
    max-width: 1166px;
    min-width: 1166px;
    position: absolute;
    left: 50%;
    margin-left: -583px;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 28px;
    padding-top: 5px;
    height: 28px;
  }
  .blue-block h3,
  .red-block h3,
  .yellow-block h3 {
    min-height: 44px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .top-bar {
    height: auto;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    height: 28px;
  }
  .page-image-holder {
    min-height: 302px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 40.063em) {
  /* TOP BAR STYLING */
  .top-bar {
    background: transparent;
    position: relative;
    z-index: 10;
  }
  .top-bar-section ul li > a {
    font-size: 15px;
  }
  .top-bar-section ul {
    background: transparent;
  }
  .top-bar-section ul li {
    background: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    color: #fff;
    background: transparent;
    font-family: "Lato", sans-serif;
    padding: 0 10px;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #2ca0f0;
    background: transparent;
  }
  .top-bar-section li.current_page_item > a:not(.button) {
    color: #2ca0f0;
    background: transparent;
  }
  .top-bar-section .has-dropdown > a {
    padding: 0 10px !important;
  }
  .top-bar-section .has-dropdown > a:after {
    display: none;
  }

  /* Dropdown Styling*/
  .top-bar-section ul li:hover:not(.has-form) > a {
    background: transparent;
    color: #fff;
  }
  .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    color: #fff;
    background: transparent;
  }
  .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
    color: #fff;
    background: transparent;
  }
  .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a {
    background: transparent;
  }
  .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a {
    color: #fff;
    text-decoration: underline;
    background: transparent;
  }
  .top-bar-section ul {
    display: inline-block;
    margin-right: 35px;
    position: relative;
    z-index: 10;
  }

  /* Align Menu to the right
            .top-bar-section { float:right; } */
  /* Align Menu to the center
            .top-bar-section { float:none; text-align: center; }
             */
} /* min-width 641px */

@media screen and (max-width: 1024px) {
  .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 5px !important;
  }
}

@media only screen and (max-width: 481px) {
  .sidebar-file-name {
    float: none;
    width: 100%;
    display: block;
    text-align: center;
  }
  .sidebar-file-ico {
    float: none;
    width: 100%;
    max-width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .sidebar-file-ico img {
    display: inline-block;
    float: none;
  }
  /* background-size: auto 100% !important; */
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  #searchform .search-button {
    height: 23px;
  }
  #searchform .search-header-field {
    margin-top: 40px;
  }
}

/*-=Large screens=-*/
@media only screen and (min-width: 64.063em) {
} /* min-width 1025px, large screens */

@media only screen and (max-width: 850px) {
  .services-holder h3 {
    font-size: 23px;
  }
}
@media only screen and (max-height: 850px) {
  .mainpage-banners {
    min-height: 150px !important;
  }
  .home-page-footer-begin.footer-relative,
  .home-page-footer-begin.footer-relative-2 {
    position: relative !important;
  }
}
/* @media only screen and (min-height: 1000px) {
  .home-page-footer-begin.footer-relative,
  .home-page-footer-begin.footer-relative-2 {
    position: fixed !important;
  }
} */