/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 21 2018 | 15:51:17 */
@media only screen and (max-width: 1140px) {
  .site-inner,
  .wrap {
    max-width: 960px;
  }
  .site-header .widget-area {
    width: 560px;
  }
  .content {
    width: 520px;
  }
  .full-width-content .content {
    padding: 0 110px;
  }
}
@media only screen and (max-width: 960px) {
  .site-inner,
  .wrap {
    max-width: 768px;
  }
  .parallax-home .site-inner {
    max-width: none;
  }
  .site-header {
    padding-bottom: 10px;
    position: static;
  }
  .content,
  .sidebar,
  .site-header .widget-area,
  .title-area {
    width: 100%;
  }
  .genesis-nav-menu,
  .site-header .widget-area,
  .site-title {
    text-align: center;
  }
  .header-image .site-title > a {
    margin: 0 auto 10px;
  }
  .genesis-nav-menu a {
    padding: 10px;
  }
  .parallax-home .site-inner {
    margin-top: 0;
  }
  .site-inner {
    margin-top: 80px;
  }
  .full-width-content .content {
    padding: 0;
  }
  .full-width-content img.pull-left {
    margin-left: 0;
  }
  .full-width-content img.pull-right {
    margin-right: 0;
  }
  .five-sixths,
  .four-sixths,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .pricing-table .one-third,
  .three-fourths,
  .three-sixths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    margin: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .site-inner,
  .wrap {
    max-width: none;
    width: 100%;
  }
  .site-inner,
  .wrap {
    padding: 0 5%;
  }
  .parallax-home .site-inner {
    padding: 0;
  }
  .genesis-nav-menu.responsive-menu {
    display: none;
  }
  .nav-primary .responsive-menu-icon {
    margin-top: 20px;
  }
  .genesis-nav-menu.responsive-menu .menu-item,
  .responsive-menu-icon {
    display: block;
  }
  .genesis-nav-menu.responsive-menu .menu-item:hover {
    position: static;
  }
  .genesis-nav-menu.responsive-menu li.current-menu-item > a,
  .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
  .genesis-nav-menu.responsive-menu li a,
  .genesis-nav-menu.responsive-menu li a:hover {
    border: none;
    display: block;
    padding: 20px;
    text-transform: none;
    font-weight: 700 !important;
  }
  .genesis-nav-menu.responsive-menu .menu-item-has-children {
    cursor: pointer;
  }
  .genesis-nav-menu.responsive-menu .menu-item-has-children > a {
    margin-right: 60px;
  }
  .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
    content: "\f347";
    float: right;
    font: normal 20px/1 'dashicons';
    height: 20px;
    padding: 15px 20px;
    right: 0;
    text-align: right;
    z-index: 9999;
  }
  .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
    content: "\f343";
  }
  .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
    display: none;
  }
  .genesis-nav-menu.responsive-menu .sub-menu {
    background-color: rgba(200,200,200,0.1) !important;
    left: auto;
    opacity: 1;
    position: relative;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 100%;
    z-index: 99;
    padding-left: 20px;
  }
  .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
    background-color: transparent;
    margin: 0;
    padding-left: 25px;
  }
  .genesis-nav-menu.responsive-menu .sub-menu li a,
  .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
    padding: 12px 20px;
    position: relative;
    text-transform: none;
    width: 100%;
    font-weight: 100 !important;
  }
  .genesis-nav-menu.responsive-menu .current-menu-item > a,
  .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover,
  .genesis-nav-menu.responsive-menu > li.menu-item-has-children:hover > a,
  .genesis-nav-menu.responsive-menu a:hover {
    background: none;
  }
  .site-header .genesis-nav-menu.responsive-menu .current-menu-item > a,
  .site-header .genesis-nav-menu.responsive-menu .sub-menu li a,
  .site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
  .site-header .genesis-nav-menu.responsive-menu .sub-menu,
  .site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
  .site-header .genesis-nav-menu.responsive-menu > li:hover > a,
  .site-header .genesis-nav-menu.responsive-menu a:hover {
    color: #fff;
  }
}
@media only screen and (max-width: 480px) {
  .hideSmall {
    display: none;
  }
}