@media (min-width: 1650px) {
    header:after {
        bottom: -97pt;
    }
}

@media screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) { 
    .cta-header span {
        display: none;
    }

    .header-top a {
        padding: 10px 5px;
    }

    .header-main {
     padding-top: 0;
    }

    .navbar-nav {
        text-align: center;
    }
    header {
        background-position-x: center;
        background-position-y: center;
        padding-bottom: 150px;
        background-attachment: unset;
    }

    header:after {
        height: 100px;
    }
    header .logo {
        max-width: 140px
    }

    .header-banner h1 {
        font-size: 60px;
    }

    .header-banner h3 {
        font-size: 22px;
    }

    .header-banner p {
        font-size: 12px;
    }

    .intro {
        padding: 0 0 50px 0;
    }

    .intro h2 {
        padding: 0
    }

    .title-trans-sub {
        font-size: 48px;
        text-indent: -25px;
        margin-bottom: -23px;
    }

    .featured-services img {
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    header.header-inner {
       /* background-position: top left;*/
/*
        background-position: top right;
    background-attachment: fixed;
    background-size: cover;*/
    }

    header.header-inner .main-title {
        padding: 0;
    }

    body.inner .intro {
        padding: 20px 0;
    }

    .w2r-controls {
        bottom: -45px;
        right: 0;
    }
    .content {
        padding-bottom: 100px;
    }

    .featured-services .focus-item {
        margin-bottom: 50px;
    }
    .featured-services .focus-item.last {
        margin-bottom: 0;
    }
    .featured-services h3 {
        margin: 10px 0;
    }

    .strategy .strat-step .ss-title {
        margin-bottom: 40px;
    }
    .ss-title-step {
        font-size: 150px;
    }

    .strategy {
        padding-bottom: 0px;
    }

    .strategy:after {
        z-index: -1;
        bottom: -65px;
     }

    .strategy .strat-step .ss-desc {
        padding: 10px 80px 0 40px;
    }

    .strategy .strat-step:nth-child(even) .ss-desc {
        padding: 10px 40px 0 80px;
    }

    .strategy .strat-step .ss-image:after {
        bottom: -160px;
    }

    .about-us .intro {
        padding: 50px 50px 100px;
    }

    .section.call-to-action {
        padding-bottom: 100px;
    }

    .footer-mid .footer-mid-wrapper {
        padding: 20px 0;
    }

    .cta-single {
        margin-bottom: 50px;
    }

    .cta-title {
        margin: 5px 0;
    }

    .footer-top {
        padding: 10px 0;
    }

    .footer-socials {
        margin-top: 20px;
    }

    .footer-mid {
        text-align: center;
    }

    .footer-mid .footer-item {
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(138, 138, 138, 0.15);
    }

    .footer-mid .row > div:last-child .footer-item {
        margin-bottom: 0;
        border-bottom: none;
    }

    body.inner .content {
        padding-bottom: 20px;
    }


    .featured-image {
        padding-top: 20px;
    }

    .page-content {
        padding: 20px 0;
    }

    .section-free-quote {
        padding: 120px 0 80px;
    }

    .section-free-quote h2 {
        margin-bottom: 20px;
    }
}