/* Large desktop */
@media (max-width: 1800px) {
    .service-title-box-left,
    .service-title-box-right {
        background: none;
    }
}
@media (max-width: 1600px) {
    #home-ctas { flex-wrap: wrap; padding-bottom: 0 !important;}
    #home-ctas .vc_col-sm-2 { width: 31.333%; margin-bottom: 130px; min-height: auto; float: left; margin-left: 1%; margin-right: 1%; min-height: 400px;}
}

@media (max-width: 1400px) {
    #home-container, .footer-menu,
    #services-page .vc_row.wpb_row.vc_inner,
    #services-page .wpb_wrapper .vc_row.wpb_row.vc_inner:first-child {
        padding: 20px 10%;
    }
    #page .site-header .container {padding:20px;}
    header#masthead .navbar-header {max-width:220px;}

    .footer-menu .socials {
        margin: 0 auto;
    }
}
@media (max-width: 1400px) {
    .socials li a {margin-left: 0px;}
    .navbar-header {width: 25%; float: left;}
    .navbar-collapse.collapse {float: right; width: 80%;}
    #home-container {padding: 20px 10%;}
    #home-contact {margin-left: 10%;}
    #home-container.jointheteam {padding: 0 10%;}
    .calltoaction {width: 50%;}
    #page .site-header.fixed-header .container {padding: 10px 15px;}
    #home-container.jointheteam {padding:0px 40px;}
    #home-contact {margin-left: 5%;}
    .slide .container {padding: 20px 40px !important;}
    input#s {
        left: -230px;
    }
    #searchsubmit {
        left: -230px;
    }

    #footer-content .jointheteam-wrapper .vc_column-inner:first-child {
        padding-bottom: 40px;
        padding-left: 440px;
        padding-top: 45px;
    } 
}
@media (max-width: 1200px) {
    #page .container {width: 100%;}
    .cta-first.wpb_column.vc_column_container.vc_col-sm-2 {width:31.3333%; margin-bottom: 80px;}
    .cta-last.wpb_column.vc_column_container.vc_col-sm-2 {width:31.3333%; margin-bottom: 80px;}
    .navbar-header {width: 30%; float: left;}
    .navbar-collapse.collapse {float: right; width: 70%;}
    #home-container, .footer-menu,
    #services-page .vc_row.wpb_row.vc_inner,
    #services-page .wpb_wrapper .vc_row.wpb_row.vc_inner:first-child {padding:20px 5%;}
    #home-contact {margin-left: 0;}
    .calltoaction {width: 60%;}
    #page .site-header.fixed-header .container {padding: 0 10px;}
    /*#page .site-header .container {padding: 0px;}*/
    #home-container.jointheteam {padding:0px 20px;}
    header#masthead .navbar-header {width: 25%; margin-top: 18px;}
    #home-ctas .vc_col-sm-2 { width: 31.333%; margin-bottom: 130px; min-height: auto; float: left; margin-left: 1%; margin-right: 1%; min-height: 400px;}
    a.phoneheader {margin-top: 15px;}
    .vc_btn3-container.vc_btn3-inline {
        margin-bottom: 0;
    }
    .navbar-nav {
        margin-bottom: 5px;
    }
    .navbar-nav > .active > a {
        border-bottom: 0 !important;
    }
    #footer-content .jointheteam-wrapper .vc_column-inner:first-child {
        padding-left: 400px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) {
    #page .container {width: 100%;}
    #home-ctas .vc_col-sm-2 {width:31.666667%;}
    .navbar-header {width: 20%; float: left;}
    .navbar-collapse.collapse {float: right; width: 70%;}
    #home-container,
    .footer-menu {padding:20px;}
    #services-page .vc_row.wpb_row.vc_inner,
    #services-page .wpb_wrapper .vc_row.wpb_row.vc_inner:first-child {padding: 20px 50px;}
    header#masthead .navbar-header {width: 25%; }
    #home-ctas .vc_col-sm-2 { width: 31.333%; margin-bottom: 130px; min-height: auto; float: left; margin-left: 1%; margin-right: 1%; min-height: 520px;}
    #home-ctas h3 { font-size: 18px; }
    header#masthead.fixed-header .navbar-header {
        width: 200px;
    }
    #custom-slideshows > .slide {height: 680px;}
    #sliderarea .bx-wrapper .bx-viewport {height: 680px;}
    #sliderarea {height: 680px;}
    .slide .container {top:150px; padding:40px !important;}

    .service-title-box-left {padding:0px !important;}
    .service-title-box-right {padding: 0px !important;}
    #team-02 {
        margin-top: -100px !important;
        margin-bottom: 100px;
    }
    .slide .container img {
        display: none;
    }
    #home-ctas2 {width: 100%; padding-left: 4%;}
    .service-title-box-left .vc_column-inner {
    float: left;
    width: 100%;
    padding: 0px !important;
    }
    .service-title-box-right .vc_column-inner {
        float: left;
        width: 100%;
        padding: 0px !important;
    }
    #services-page .vc_tta-container .vc_row.wpb_row.vc_inner {
      padding: 50px 5%;
    }
    #services-page ul.ui-tabs-nav, #services-page ul {
      list-style: none;
      width: 100%;
      padding: 0px 4%;
  }
   .service-title-box-left {background: none;}
   .service-title-box-right {background: none;}

   .navbar-nav > li > a {
    padding: 10px 4px;
   }

   .news-wrapper .vc_pageable-slide-wrapper {
        flex-wrap: wrap;
   }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #page .container {
        width: 100%;
        padding: 0px 20px;
    }
    #page .site-header .container {
        padding: 0;
    }
    .news-wrapper .vc_pageable-slide-wrapper {
        flex-wrap: wrap;
    }
    .cta-first.wpb_column.vc_column_container.vc_col-sm-2 {
        width: 98%;
        margin-bottom: 80px;
    }

    .cta-last.wpb_column.vc_column_container.vc_col-sm-2 {
        width: 98%;
        margin-bottom: 80px;
    }

    .owl-ca-prev {
        left: 85% !important;
    }

    .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
        color: #6c6c6c;
    }

    .navbar-header {
        width: 100%;
        float: left;
    }

    .navbar-collapse.collapse {
        float: left;
        width: 100%;
        padding-left: 0px;
        margin: 0px;
        padding: 0px;
    }

    header#masthead .navbar-header {
        max-width: none;
        margin: 0px;
        padding: 10px;
        width: 100%;
    }

    header#masthead.fixed-header .navbar-header {
        width: 100%;
    }

    .site-header .navbar-brand {
        width: 70%;
    }

    .navbar-nav {
        margin: 7.5px 0 0;
        width: 100%;
    }

    .inner-featured-title {
        padding-top: 210px;
    }

    .inner-featured-bg {
        min-height: 350px;
        background-position: 50% 0%;
        background-attachment: fixed;
        background-size: cover !important;
        background: 100%;
        background-repeat: no-repeat;
    }

    .navbar-collapse.in .navbar-nav > li > a {
        line-height: 20px;
        margin-left: 0px;
    }

    #custom-slideshows > .slide {
        height: 580px;
        background-attachment: scroll !important;
    }

    #sliderarea .bx-wrapper .bx-viewport {
        height: 580px;
    }

    #sliderarea {
        height: 580px;
    }

    .slide .container {
        top: 180px;
        width: 100% !important;
        padding: 40px 20px 0 !important
    }

    .slide h2 {
        line-height: 45px;
        font-size: 40px !important;
        max-width: 400px;
    }

    #home-ctas .vc_col-sm-2 {
        width: 46%;
        margin-bottom: 75px;
        min-height: auto;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: -60px;
        z-index: 99;
        min-height: 500px;
    }

    #home-ctas .vc_col-sm-2:hover {
        margin-top: -60px;
    }

    #home-ctas img {
        max-width: 40px;
    }

    #home-ctas h3 { font-size: 18px; }

    .home #home-container .wpb_single_image.vc_align_left {
        text-align: left;
        padding: 0px !important;
        margin: 0px !important;
    }

    #home-ctas2 {
        flex-wrap: wrap;
        margin-left: 0px;
        padding-bottom: 0;
        width: 100%;
    }

    .contact-page .wpb_column.vc_column_container.vc_col-sm-6 {
        margin-top: 20px;
    }

    #home-container.contact-page {
        padding-top: 40px !important;
    }

    #footer-content .jointheteam-wrapper .vc_column-inner:first-child {
        padding-bottom: 40px;
        padding-left: 20px;
        padding-top: 45px;
    }

    #home-contact {
        width: 100%;
    }

    .calltoaction {
        width: 100%;
    }

    #contact-map-homepage {
        background-position: center;
        position: relative !important;
        width: 100%;
        min-height: 400px;
    }

    .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        border-bottom: 0px;
    }

    .navbar-collapse.collapse {
        background: #333333;
    }

    .searchbar {
        margin-top: 50px;
    }

    span.searchbox-icon i {
        right: 95px;
        top: -20px;
    }

    input#s {
        left: -60px;
        z-index: 999999;
    }

    #searchsubmit {
        left: -60px;
        z-index: 999999;
    }

    .navbar-right {
        padding-left: 80px;
    }

    /*.dropdown-menu {*/
    /*    display: block;*/
    /*    float: left;*/
    /*    position: relative;*/
    /*    width: 100%;*/
    /*    box-shadow: none;*/
    /*    background: #333333;*/
    /*    border: 0px;*/
    /*    padding: 20px 40px 0;*/
    /*}*/

    /*ul.dropdown-menu li a {*/
    /*    color: #ffffff;*/
    /*    padding: 5px;*/
    /*    margin-bottom: 5px;*/
    /*    border-bottom: 0px;*/
    /*    border-bottom: none;*/
    /*    line-height: 25px;*/
    /*}*/

    .navbar-collapse .navbar-nav > li > a, .navbar-collapse.in .navbar-nav > li > a {
        line-height: 20px;
        margin-left: 0px;
        float: left;
        width: 100%;
        border-bottom: 1px solid #3e3e3e !important;
        padding: 16px 20px;
    }

    header#masthead {
        background: #333333;
    }

    .btn-header {
        float: right;
        margin-right: 20px;
    }

    /*ul.dropdown-menu li a:hover {*/
    /*    color: #ffffff;*/
    /*    background: transparent;*/
    /*}*/

    .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        border-bottom: 0px;
    }

    /*.dropdown-menu ul.dropdown-menu {*/
    /*    display: none;*/
    /*}*/

    .navbar-collapse {
        max-height: none !important;
    }

    #page .site-header.fixed-header .container {
        padding: 0px;
    }

    .service-title-box-right {
        height: auto;
        float: right;
        background-size: 450px;
        z-index: 999;
        background-position: 100% 50%;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .service-title-box-right .wpb_single_image.vc_align_right,
    .service-title-box-right h2 {
        text-align: left !important;
    }

    #services-page .wpb_content_element,
    #services-page .wpb_content_element {
        padding-right: 0 !important;
    }

    #services-page .vc_tta-container .vc_row.wpb_row.vc_inner {
        padding: 40px;
    }

    .service-title-box-left {
        /*max-height: 450px;*/
        /*min-height: 450px;*/
        height: auto;
        background-size: 450px;
        padding: 0 !important;
        margin-bottom: 30px;
        float: left;
        z-index: 999;
    }

    #services-page .service-title-box-right .vc_column-inner,
    #services-page .service-title-box-left .vc_column-inner {
        padding-top: 0;
    }

    #services-page h2 {
        min-height: 0px;
    }

    .site-footer .footer-info .site-copyright {
        padding: 0px 20px;
    }

    .home-contact-details {
        margin-top: 0px;
    }

    #home-container {
        padding-top: 40px !important;
    }

    .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
        color: #ffffff !important;
        background: #64c8d0 !important;
    }
    .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        color: #ffffff;}
    .socials li a {margin-left: 10px;}
    #team-01 {margin-bottom: 20px !important;}
    #team-02 {margin-top: 50px !important;}
    .slide .container img {
        display: none;
    }
    #home-container.jointheteam {padding-top: 0px !important;}
    .service-title-box-left .team-btn a {
        width: 50%;
        float: left;
    }
    .service-title-box-right .team-btn a {
        width: 50% !important;
        float: right;
    }
    a.phoneheader {display: none;}
    a.phoneheader.mobile {
      display: block;
      /*position: absolute;*/
      /*bottom: 23px;*/
      /*right: 0;*/
      /*z-index: 9999;*/
    }

    .services-row-alt {
        flex-direction: column-reverse;
    }

    .reverse-col-direction {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    body .vc_custom_1534716894517 {
        padding-bottom: 0 !important;
    }

    .footer-menu,
    .footer-menu h2,
    .footer-menu .wpb_single_image {
        text-align: center !important;
    }

    .footer-menu .wpb_raw_code .wpb_wrapper {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 580px) {
    .jointheteam-wrapper .wpb_wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    #home-container .jointheteam-wrapper h2 {
        margin-bottom: 30px;
        text-align: center;
    }

    .jointheteam-wrapper .join-btn a {
        margin-left: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .navbar-toggle {
        margin-top: 0;
    }
    #custom-slideshows > .slide {
        height: 500px;
        background-attachment: scroll !important;
    }

    #sliderarea .bx-wrapper .bx-viewport {
        height: 500px;
    }

    #sliderarea {
        height: 500px;
    }

    .slide .container {
        padding: 0 20px !important
    }
    #page .container {width: 100%;}
    #home-ctas {
        padding-top: 30px;
        padding-bottom: 0;
    }
    #home-ctas .vc_col-sm-2 {width: 96%; margin-bottom: 15px; min-height: auto; z-index: 99; margin-top: 0;}
    #home-ctas .vc_col-sm-2:hover {margin-top: 0;}
    #home-ctas img {
        max-width: 60px;
    }
    #home-ctas h3 {
        font-size: 22px;
        padding-right: 20px;
    }
    .home-contact-details {margin-top: 0px;}
    #carousel-anything-1 {width: 100%;}
    .carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next {right:-10px !important;}
    #home-container .calltoaction h2 {width: 100%;}
    .inner-featured-bg {min-height: 350px;}
    .service-title-box-left .team-btn a {
        width: 100%;
        float: left;
    }
    .service-title-box-right .team-btn a {
        width: 100% !important;
        float: right;
    }
    .vc_btn3-container.join-btn.vc_btn3-right {
        float: right;
        position: relative;
        margin-bottom: 10px;
    }
    .site-header .navbar-brand {width: 60%;}
    a.phoneheader.mobile {font-size: 16px; bottom: 18px;}
    .inner-featured-title {
        padding-top: 180px;
    }
}

@media (max-width: 380px) {
    site-header .navbar-brand {width: 50%;}

    .inner-featured-bg {
        min-height: 280px;
    }

    .inner-featured-title {
        padding-top: 160px;
    }

    .page-title {
        font-size: 40px !important;
        line-height: 45px;
    }
}

.carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div {
    position: relative !important;
}

.owl-ca-prev {
    left: auto !important;
}

.carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div {
    margin: 0 10px !important;
}

.carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div.owl-ca-next {
    right: auto !important;
}

@media (max-width: 767px) {
    .owl-ca-prev {
        left: auto !important;
    }
}

.carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls {
    margin-top: 0;
}

.carousel-anything-container.owl-ca-theme.has-arrows .owl-ca-controls .owl-ca-buttons div {
    padding: 5px;
}

@media (min-width: 768px) {
    #home-container {
        padding-bottom: 40px;
    }
}
