/**
 * Responsive CSS
 */
.mobile_menu {
    display: none;
}

.mobile_menu .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    border: none;
    margin: 0;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #333330;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

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

.indicator_close,
.indicator_open {
    display: none;
    line-height: 1.6;
}

@media screen and ( max-width: 1500px ) {
    html {
        font-size: 48.5%;
    }

    .custom-logo {
        height: 80px;
        width: auto;
    }

    .site-header {
        min-height: 100px;
    }

    .site-inner, .overlay_search_form {
        margin-top: 100px;
    }

    .social-media a{
        width: 24px;
        padding: 6px 0;
    }
}

@media screen and ( max-width: 1200px ) {
    html {
        font-size: 42.5%;
    }

    .zps_services_wrapper,
    .pricing_wrap,
    .zps_team_wrap {
        max-width: 100%;
    }

    .box_content.box_center {
        max-width: 100%;
    }

    .zp_center_content,
    .zp_center_content_wrap,
    .column_wrapper,
    .zp_portfolio_section,
    .box_content.box_center {
        max-width: 992px;
    }

    .background-cta {
        /* min-height: 30.5rem;*/
    }


    #about-TAB-video iframe,
    #is-tab-for-you-video iframe {
        height: 200px;
    }

    section.disable-full-height {
        padding: 4rem;
    }

    #about-2 h2 {
        margin-top: 2em;
    }

    .zp_featured_header{
        max-height: 300px;
    }
}

@media screen and ( max-width: 1024px ) {
    .site-header {
        position: absolute;
    }

    .mobile_menu {
        display: block;
        position: absolute;
        right: 5px;
        top: 20px;
        overflow: hidden;
    }

    .top-right-widget {
        display: none;
    }

    .nav-primary {
        display: none;
        position: relative;
        top: 80px;
        width: 100%;
        background: #fff;
    }

    .genesis-nav-menu .menu-item {
        display: block;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .genesis-nav-menu .menu-item-has-children > a:after {
        display: none;
    }

    .genesis-nav-menu .menu-item a {
        padding: 20px 16px;
    }

    .genesis-nav-menu .sub-menu {
        left: auto;
        opacity: 1;
        position: relative;
        width: 100%;
        visibility: visible;
    }

    .genesis-nav-menu .menu-item .sub-menu a {
        border: 0;
        position: relative;
        text-align: left;
        width: 100%;
        padding-left: 30px !important;
    }

    .site_credits {
        display: none;
    }

    .zp_featured_header {
        width: 100%;
        float: left;
        position: relative;
    }

    main.content {
        float: right;
        width: 100%;
        display: block;
        position: relative;
        right: 0;
        padding: 40px;
    }

    .portfolio_icon_class {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    }

    .client_carousel {
        max-width: 1024px;
    }

    .section_wrapper.hasImage {
        background-attachment: scroll !important;
    }
}

@media screen and ( max-width: 991px ) {
    .client_carousel {
        max-width: 991px;
    }

    #tab-for-you-help .column_wrapper{
        align-items: center;
    }

    #tab-for-you-help .zps_column:nth-child(1),
    #tab-for-you-help .zps_column:nth-child(3){
        width: 20%;
    }
    #tab-for-you-help .zps_column:nth-child(2){
        width: 54%;
    }
}

@media screen and ( max-width: 800px ) {
    .client_carousel {
        max-width: 800px;
    }
}

@media screen and ( max-width: 767px ) {

    .custom-logo {
        height: 70px;
        width: auto;
    }

    .section_credit {
        left: 0;
        width: 100%;
        margin-left: 0;
    }

    .zps_btn {
        margin-bottom: 10px;
    }

    .box_content {
        padding: 100px 0px;
        width: 80%;
    }

    .client_carousel {
        max-width: 768px;
    }

    .zps_column.zps_one_fourth:nth-child( 4n + 1),
    .zps_column.zps_one_fourth:nth-child( 4n + 3) {
        margin-left: 0;
        clear: left;
    }

    .zps_column.zps_one_fourth {
        width: 48.5%;
        float: left;
        overflow: hidden;
        margin-left: 3%;
    }

    section.section_wrapper {
        height: auto !important;
        overflow: hidden;
    }

    .image_section_content {
        display: block;
        height: 100%;
        padding: 80px 0;
        width: 100%;
    }

    .image_section {
        height: 600px;
        width: 100%;
    }

    .section_wrapper.is_video,
    .section_wrapper .video_bg_container,
    .section_wrapper .video-js,
    .section_wrapper .video-js video {
        height: 600px !important;
    }

    .zp_center_content {
        padding: 30px 0;
    }

    .image_section_wrap {
        float: left;
        width: 100%;
    }

    .video_holder {
        display: none;
    }

    .video_image_overlay {
        background-size: cover;
        position: absolute;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }

    .section_vertical_nav {
        display: none;
    }

    .background-cta {
        padding: 5%;
    }

    .column_wrapper{
        align-items: flex-start;
    }

    .single h1.entry-title, .page h1.entry-title, .page-title, .archive-title,
    .zzp-heading h1{
        font-size: 40px;
        font-size: 4rem;
    }

    .archive-title:after, .single h1.entry-title:after, .page h1.entry-title:after{
        margin: 10px 0;
    }

    .section_wrapper.portfolio_section{
        padding: 30px 0;
    }

    .cfblog .cfblog__categories{
        padding: 0 0 2rem 0;
    }

    #tab-resources .zp_center_content{
        padding-left: 15px;
        padding-right: 15px;
    }

    #tab-for-you-help .column_wrapper{
        display: block;
    }

    #tab-for-you-help .zps_column:nth-child(1),
    #tab-for-you-help .zps_column:nth-child(3),
    #tab-for-you-help .zps_column:nth-child(2){
        width: auto;
        margin-left: 0;
    }


    .client_carousel {
        max-width: 700px;
    }

    #home_welcome .box_content{
        width: 85%;
    }

    blockquote {
        font-size: 20px;
        line-height: 1.5;
        padding: 24px 0 0 0;
        margin-bottom: 0;
    }
    blockquote:before {
        font-size: 52px;
        top: 12px;
    }

    .column_wrapper{
        display: block;
    }

    .column_wrapper .zps_column{
        margin-bottom: 30px !important;
        float: none;
        width: auto;
        margin-left: 0;
    }

    #TAB-home-video iframe{
        height: 200px;
    }

    .zps_column.zps_two_thirds{
        width: auto;
        padding: 0;
    }

    .twitter-tweet{
        width: 100% !important;
        margin-left: 0 !important;
    }

    .tbos-filter__inner input{
        width: 200px;
    }

    .tbos-list .tbos-list__item{
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .single-tbo main.content,
    .single-tbo .tbo-meta{
        width: auto;
        float: none;
    }

    .tbo-testimonials{
        padding: 20px 0;
    }

    body .tbo-blog .tbo-blog__list,
    .tbo-events .tbo-events__list,
    .tbo-testimonials .tbo-testimonials__list{
        display: block;
    }

    .tbo-blog .tbo-blog__item,
    .tbo-events .tbo-events__item,
    .tbo-testimonials .tbo-testimonials__item{
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .zzp-divider{
        margin-bottom: 10px;
    }

    .client_carousel {
        max-width: 540px;
    }

    .zps_column.zps_one_fourth:nth-child( 4n + 1),
    .zps_column.zps_one_fourth:nth-child( 4n + 3) {
        margin-left: 0;
        clear: left;
    }

    .zps_column.zps_one_fourth {
        width: 100%;
        margin-left: 0;
    }

    .box_content.box_right {
        right: 0;
        left: 0;
        margin: 0 auto;
        float: none;
    }

    .box_content.box_left {
        right: 0;
        left: 0;
        margin: 0 auto;
        float: none;
    }

    #lightbox-enquiry, #lightbox-cta, .lightbox-cta {
        width: 100%;
    }

    .footer-widgets .textwidget img {
        max-width: 6.5%;
        margin: 0 2% 0 0;
    }

    #cn-notice-text {
        display: block;
        padding: 10px;
    }

    #cookie-notice .button {
        margin: 10px;
    }
}

@media screen and ( max-width: 1024px ) and (max-height: 600px ) {
    section.section_wrapper {
        height: auto !important;
        overflow: hidden;
    }

    .zps_btn {
        margin-bottom: 10px;
    }

    .box_content {
        padding: 100px 0px;
        width: 80%;
    }

    .zps_column.zps_one_fourth:nth-child( 4n + 1),
    .zps_column.zps_one_fourth:nth-child( 4n + 3) {
        margin-left: 0;
        clear: left;
    }

    .zps_column.zps_one_fourth {
        width: 48.5%;
        float: left;
        overflow: hidden;
        margin-left: 3%;
    }

    section.section_wrapper {
        height: auto !important;
        overflow: hidden;
    }

    .image_section_content {
        display: block;
        height: 100%;
        padding: 80px 0;
        width: 100%;
    }

    .image_section {
        height: 600px;
        width: 100%;
    }

    .section_wrapper.is_video,
    .section_wrapper .video_bg_container,
    .section_wrapper .video-js,
    .section_wrapper .video-js video {
        height: 600px !important;
    }

    .zp_center_content {
        /* padding: 100px 0; */
    }

    .image_section_wrap {
        float: left;
        width: 100%;
    }

    .video_holder {
        display: none;
    }

    .video_image_overlay {
        background-size: cover;
        position: absolute;
        z-index: 1;
        overflow: hidden;
        width: 100%;
    }

    .section_vertical_nav {
        display: none;
    }
}



@media screen and ( max-width: 480px ) {
    .client_carousel {
        max-width: 360px;
    }

    .site-container {
        padding: 0;
    }

    .site-header .wrap {
        margin: 0 15px;
    }

    .zzp-heading h1 {
        font-size: 40px;
        font-size: 4rem;
    }

    .zzp-heading h2 {
        font-size: 30px;
        font-size: 3rem;
    }

    .single h1.entry-title, .page h1.entry-title, .page-title, .archive-title {
        font-size: 40px;
        font-size: 4rem;
        padding: 0;
    }

    .footer-widgets .textwidget img {
        max-width: 12.5%;
        margin: 0 3% 0 0;
    }
}

@media screen and ( max-width: 320px ) {
    .client_carousel {
        max-width: 300px;
    }

    .single h1.entry-title, .page h1.entry-title, .page-title, .archive-title {
        font-size: 40px;
        font-size: 4rem;
        padding: 0 10% 0;
    }
}