/* Brighter Mobile CSS */

.mobile_menu {
    background-color: transparent;
    border-color: transparent;
    float: right;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 3;
    top: 34px;
    right: 0;
}

.mobile_menu  span.mobile_menu_label {
    float: left;
}

.mobile_menu .mobile_button {
    border: 0;
    display: block;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    top: 0;
    border-radius: 4px;
    background: transparent;
}

.mobile_button .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.mobile_button .icon-bar {
    background-color: #000;
}

.mobile_button .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media only screen and (max-width: 1170px) {
.wrap,
.mobile_menu_overlay .wrap,
.page .entry-header,
.page .breadcrumb,
.single .breadcrumb,
.page-template-default.page .entry-header,
.site-header .wrap,
.archive-pagination,
.entry-pagination{
    max-width: 100%;
    padding-left:30px;
    padding-right: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-
}
.section_template .section_block > div:not(.hero_fullwidth),
.blog_wrap,
.single-post .site-inner header.entry-header{
    max-width: 100%;
}
.single-portfolio-carousel.owl-carousel, .single-portfolio-carousel.owl-carousel .owl-item img {
    width: auto;
    height: 515px;
    height: calc( 100vh - 385px );
}
.portfolio-template-default.single.header-full-width.full-width-content.single_portfolio_carousel .site-inner, .page-template-default.page .site-inner, .page-template-page_blog.page-template-page_blog-php.page .site-inner {
    padding-top: 90px;
}
.single-portfolio-carousel .owl-nav  div.owl-prev, .single-portfolio-slider .owl-nav div.owl-prev{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjIzcHgiIHZpZXdCb3g9IjAgMCAzMiAyMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMjMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIHBvaW50cz0iMzEuNDA1LDEwLjc1IDMuNDY2LDEwLjc1IDEyLjYxNSwxLjYwMSAxMS41NTUsMC41NCAwLjU5NSwxMS41IDExLjU1NSwyMi40NiAxMi42MTUsMjEuMzk5IDMuNDY2LDEyLjI1IDMxLjQwNSwxMi4yNSAiLz48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: left center;
    left: 20px;
}
.single-portfolio-carousel .owl-nav div.owl-next, .single-portfolio-slider .owl-nav div.owl-next{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjIzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0icm90YXRlKC0xNzkuOTEzNTc0MjE4NzUgMTUuNTc5ODQ0NDc0NzkyNDgsMTEuMDc5ODQzNTIxMTE4MTY2KSAiIGlkPSJzdmdfMSI+PHBvbHlnb24gcG9pbnRzPSIzMC45ODQ4NDQxMTgzNTY3MDUsMTAuMzI5ODQzNDMxNzExMTk3IDMuMDQ1ODQzNTExODE5ODM5NSwxMC4zMjk4NDM0MzE3MTExOTcgMTIuMTk0ODQzMjAyODI5MzYxLDEuMTgwODQzNTAyMjgzMDk2MyAxMS4xMzQ4NDM3MzY4ODY5NzgsMC4xMTk4NDM0NTMxNjg4NjkwMiAwLjE3NDg0MzQ2MDMyMTQyNjQsMTEuMDc5ODQzNDMxNzExMTk3IDExLjEzNDg0MzczNjg4Njk3OCwyMi4wMzk4NDI1MTYxODM4NTMgMTIuMTk0ODQzMjAyODI5MzYxLDIwLjk3ODg0MzU5OTU1Nzg3NyAzLjA0NTg0MzUxMTgxOTgzOTUsMTEuODI5ODQzNDMxNzExMTk3IDMwLjk4NDg0NDExODM1NjcwNSwxMS44Mjk4NDM0MzE3MTExOTcgIiBpZD0ic3ZnXzIiLz48L2c+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: right center;
    right: 20px;
}
.single-portfolio-carousel .owl-nav {
    top: 84px;
}

}

@media only screen and (max-width: 1024px) {
.post-template-default.single.single-post .related-posts .entry-title {
    font-size: 1.2em;
    line-height: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
}
.single_post_nav {
    width: 100%;
}
}

@media only screen and (max-width: 768px) {
.portfolio_detail h4 {
    margin: 0;
    font-size: 1em;
    line-height: 1;
}
.single-portfolio article.portfolio .entry-header,
.single-portfolio article.portfolio .entry-content {
    display: block;
    width: 100%;
}
blockquote::before{
    left: 0;
}
.single-portfolio-carousel.owl-carousel, .single-portfolio-carousel.owl-carousel .owl-item img {
    width: auto;
    height: 515px;
    height: calc( 100vh - 730px );
}
span.hero_block_desc {
    max-width: 90%;
}
.hero_block_content {
    padding-left: 20px;
    padding-right: 20px;
}
.page-template-default.page .entry-title {
    line-height: 1.2;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
}

.page-template-default.page .page_desc {
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    float: right;
}
.page-template-page_blog article.entry, .archive article.entry, .home.blog article.entry, .search article.entry {
    margin-bottom: 0;
    width: 50%;
    float: left;
    padding: 0 20px 40px;
}
.page-template-default.page .entry-title,
.page-template-default.page .page_desc {
    width: 100%;
}
.single_post_prev .single_nav_title,
.single_post_next .single_nav_title {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.3;
}

.related-posts article {
    width: 49%;
    margin-left: 2%;
}
.related-posts article:nth-child( 2n + 1 ){
    margin-left: 0;
}
a.single_post_prev {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.single_post_next {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}
.single_post_prev:before{
    display: none;
}

}

@media only screen and (max-width: 600px) {
.zp_col_4,
.zp_col_3,
.zp_col_2  {
    width: 50%;
}
.column_split_block_image,
.column_split_block{
    width: 100%;
}
.hero_image_wrap{
    height: auto;
}
.hero_block_image {
    padding: 15% 0;
}
.column_block_wrap.column_two .column_block,
.column_block_wrap.column_three .column_block,
.column_block_wrap.column_four .column_block {
    width: 50%;
}
.page-template-page_blog article.entry, .archive article.entry, .home.blog article.entry, .search article.entry {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.portfolio-template-default.single.single-portfolio.single_portfolio_fullwidth .entry-title {
    font-size: 2em;
    padding: 0 10%;
}
.single_portfolio_section > .wrap {
    padding: 40px 0;
}
}


@media only screen and (max-width: 480px) {
html{
    font-size: 14px;
}
.zp_col_4, .zp_col_3, .zp_col_2 {
    width: 100%;
}
.column_block_wrap.column_two .column_block,
.column_block_wrap.column_three .column_block,
.column_block_wrap.column_four .column_block {
    width: 100%;
}

#top-link span {
    bottom: 100px;
}

.genesis-nav-menu a {
    font-size: 1.3em;
}
h1 {
    font-size: 2.5em;
}
h2 {
    font-size: 2em;
}
h3, h3.entry-title, .section_header_text h2 {
    font-size: 1.8em;
}
.single-portfolio-carousel.owl-carousel, .single-portfolio-carousel.owl-carousel .owl-item img {
    height: 100px;
}
.post-template-default.single.single-post .entry-title {
    padding-left: 10px;
    font-size: 2em;
    padding-right: 10px;
    letter-spacing: 1px;
}
.entry-comments {
    padding: 60px 0;
}
section#section10375_1 .section_header_text {
    padding-top: 30px !important;
}
.column_split_block{
    padding: 0;
}
.page-template-default.page .entry-header{
    padding-left: 0;
    padding-right: 0;
}
}

@media only screen and (max-width: 480px) {
.mobile_menu_overlay {
    display: none;
    position: absolute;
    width: 100%;
    padding: 100px 0 40px;
    height: auto;
    background: #fff;
    z-index: 9999;
    left: 0;
    -webkit-transition: left .4s ease;
    -moz-transition: left .4s linear;
    -ms-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
}
.overlay-close {
    position: absolute;
    top: 28px;
    right: 0;
    cursor: pointer;
    float: right;
}
.nav-primary {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
    width: auto;
    margin: auto;
}
span.indicator {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
span.indicator span {
    line-height: 1.6;
}
header.site-header {
    position: absolute;
}
}