@media (max-width: 575px) {}
    
    @media (min-width: 576px) and (max-width: 767px) {}
    
    @media (min-width: 768px) and (max-width: 991px) {
        .navbar-default .navbar-nav>li>a {
            padding-left: 5px;
            padding-right: 5px;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {}
    
    @media (max-width: 1400px) {
        body.careers .rp-content {
            height: 866px;
        }
    }
    
    @media (max-width: 1300px) {
        body.careers .rp-content {
            height: 866px;
        }
    }
    
    @media (max-width: 1200px) {
        body.careers .rp-content {
            height: 975px;
        }
    }
    
    @media (max-width: 768px) {
        body.careers div[itemprop="articleBody"] {
            float: none;
        }
        .about #bottom .module-title:after {
            display: none;
        }
        .about #bottom .module-title:before {
            display: none;
        }
        #showcase .showcase2 .row .services-item .service-popover {
            bottom: 90px;
        }
    }
    
    @media (max-width: 767px) {
        #brand img {
            max-width: 90px;
        }
        body.footer-active #showcase .showcase2 .row .services-item.active .service-popover {
            display: block;
        }
        body.footer-active #showcase .showcase2 .row .services-item .service-popover {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
        }
        #showcase .showcase2 .row .services-item:hover .service-popover .item-img {
            margin-bottom: 10px;
            margin-left: auto;
            margin-right: auto;
            display: block;
            float: none;
            max-width: 100%;
        }
        .service-popover .container h3 {
            text-align: center;
        }
        body.footer-active #showcase {
            position: initial;
        }
        .btn-close {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 20px;
        }
        body section {
            padding-top: 67px;
        }
        #showcase .showcase2 .row .services-item:hover .service-popover {
            display: none;
        }
        #showcase .showcase2 .row .services-item:hover .newsflash-title:before {
            display: none;
        }
        body.careers .rp-content {
            background-position: top right;
            height: calc(100vh - 145px);
            height: -o-calc(100vh - 145px);
            /* opera */
            height: -webkit-calc(100vh - 145px);
            /* google, safari */
            height: -moz-calc(100vh - 145px);
            /* firefox */
        }
        .navbar {
            min-height: 67px;
        }
        body.works .items-row {
            margin-bottom: 0px;
        }
        body.works .items-row article.item {
            margin-bottom: 20px;
        }
        body.careers .item-page h3,
        body.careers .item-page p,
        body.careers .item-page a {
            letter-spacing: 1px;
        }
        body.works .items-row .item-image {
            width: 100%;
        }
        body.works .items-row .item img {
            width: 100%;
        }
    }
    
    @media (max-width: 320px) {
        /* body.careers .rp-content {
        height: 213px;
    }
    body.careers .item-page h3,
    body.careers .item-page h3 strong {
        font-size: 12px;
        line-height: 18px;
    }
    body.careers .item-page p,
    body.careers .item-page a {
        font-size: 12px;
        line-height: 18px;
    } */
    }
    
    @media (max-width: 575px) {
        body.careers .item-page {
            margin-top: 10vh;
            margin-bottom: 10vh;
        }
        body.careers .item-page h3,
        body.careers .item-page p,
        body.careers .item-page a {
            font-size: 14px;
            line-height: 18px;
        }
    }
    
    @media (max-width: 414px) {
        #bottom .module-title h3 {
            letter-spacing: initial;
        }
    }
    
    @media (max-height: 575px) {
        body.careers .item-page {
            margin-top: 10vh;
            margin-bottom: 10vh;
        }
        body.careers .item-page h3,
        body.careers .item-page p,
        body.careers .item-page a {
            line-height: 40px;
            font-family: Cambria, Georgia, serif;
            font-size: 14px;
            line-height: 18px;
        }
    }
    
    @media (max-height: 1366px) and (orientation:portrait) {
        body.careers .item-page {
            margin-top: 40vh;
            margin-bottom: 10vh;
        }
    }
    
    @media (max-width: 750px) and ( orientation:portrait) {
        /*body.careers .item-page h3,
    body.careers .item-page p,
    body.careers .item-page a {
        font-family: Cambria, Georgia, serif;
        font-size: 30px;
        line-height: 35px;
    }*/
    }
    
    @media (max-height: 736px) and (orientation:portrait) {
        body.careers .item-page {
            margin-top: 35vh;
            margin-bottom: 10vh;
        }
    }
    
    @media (max-height: 667px) and (orientation:portrait) {
        body.careers .item-page {
            margin-top: 30vh;
            margin-bottom: 10vh;
        }
    }
    
    @media (max-height: 568px) and (orientation:portrait) {
        body.careers .item-page {
            margin-top: 30vh;
            margin-bottom: 10vh;
        }
    }
    
    @media (max-height: 414px) and ( orientation:landscape) {
        #showcase .showcase2 .row .services-item:hover .service-popover .item-img {
            max-width: 250px;
        }
        .service-popover .container {
            padding-top: 30px;
        }
    }
    
    @media (max-height: 360px) and ( orientation:landscape) {
        #showcase .showcase2 .row .services-item:hover .service-popover .item-img {
            max-width: 200px;
        }
        .service-popover .container {
            padding-top: 30px;
        }
    }
    
    @media (max-height: 320px) and ( orientation:landscape) {
        #showcase .showcase2 .row .services-item:hover .service-popover .item-img {
            max-width: 120px;
        }
        .service-popover .container {
            padding-top: 30px;
        }
    }