@media only screen and (min-width:1681px) {
    body {
        font-size: 17.21px;
    }

    .row {
        max-width: 68em;
    }

    .ef-portfolio-item,#ef-team .ef-carousel-item {
        width: 16.676em;
    }

    .ef-bloginfo li {
        background-position: left .125em;
    }
}

@media only screen and (max-width:58.7em) {
    .theme-changer-wrap {
        display: none;
    }

    .top-bar a.button.ef-search-btn {
        float: none!important;
    }

    .top-bar-section li:first-child,.top-bar,.top-bar-section,.top-bar a.button.ef-search-btn,.top-bar-section ul.left li,.top-bar-section .has-form {
        margin: 0;
        padding: 0;
    }

    .top-bar-section ul li a:not(.ef-search-btn) {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .top-bar-section .dropdown {
        -webkit-box-shadow: transparent 0 0 0 0;
        -moz-box-shadow: transparent 0 0 0 0;
        box-shadow: transparent 0 0 0 0;
    }

    .top-bar-section .dropdown li a {
        font-size: 1em;
    }

    .top-bar-section .has-dropdown a:after {
        background: none transparent!important;
        margin-right: 0;
    }

    .top-bar-section li.active>a:not(.button) {
        border: 0!important;
    }

    .top-bar-section ul li>a,.top-bar-section .dropdown li a {
        padding: 15px 0!important;
        line-height: 1em!important;
    }

    .top-bar-section li a:not(.button) {
        border: 0;
    }

    .top-bar,.top-bar .name,.top-bar .toggle-topbar a {
        height: 67px;
    }

    .top-bar .name h1,.top-bar .toggle-topbar a,.top-bar .name {
        line-height: 1em;
    }

    .top-bar ul.title-area .name {
        padding-top: 1em;
    }

    .top-bar-section ul li.divider {
        border-bottom: 1px solid #dbdbdb;
    }

    .top-bar-section .has-dropdown>a:after,.top-bar-section .has-dropdown:hover a:after {
        left: auto;
        bottom: auto;
        top: 50%;
        border: solid 5px;
        border-color: transparent transparent transparent #303030;
        background: 0;
    }

    .top-bar-section .dropdown {
        -webkit-opacity: 1!important;
        opacity: 1!important;
        z-index: 1;
    }

    .top-bar-section ul li {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .top-bar-section ul ul {
        -webkit-box-shadow: 0;
        box-shadow: 0;
    }

    .top-bar.expanded .title-area {
        z-index: 2;
    }

    .top-bar.expanded .title-area {
        -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
    }

    .top-bar .toggle-topbar.menu-icon a span {
        -webkit-box-shadow: 0 10px 0 1px #303030,0 16px 0 1px #303030,0 22px 0 1px #303030;
        box-shadow: 0 10px 0 1px #303030,0 16px 0 1px #303030,0 22px 0 1px #303030;
    }

    .top-bar.expanded .toggle-topbar.menu-icon a span {
        color: #b4b4b4!important;
        -webkit-box-shadow: 0 10px 0 1px #b4b4b4,0 16px 0 1px #b4b4b4,0 22px 0 1px #b4b4b4;
        box-shadow: 0 10px 0 1px #b4b4b4,0 16px 0 1px #b4b4b4,0 22px 0 1px #b4b4b4;
    }

    .top-bar-section ul ul {
        border: 0!important;
    }

    .top-bar-section ul.left li {
        margin-right: 0;
    }

    .top-bar-section .has-form {
        padding: 0;
    }

    .top-bar-section .has-form li {
        padding: 15px 0;
    }

    a,.tp-bullets.simplebullets.round .bullet,.button,button,.ef-comments,.ui-accordion-header-icon,.ef-birdy,#ef-latest-works article *,#ef-portfolio article *,.tparrows,.tp-bullets,.ef-comments:after,#ef-team .ef-item-title {
        transition: none!important;
        -webkit-transition: none!important;
        -ms-transition: none!important;
        -o-transition: none!important;
    }

    #ef-latest-works .ef-proj-img img:hover,#ef-portfolio .ef-proj-img img:hover {
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .tp-bullets,.tp-bullets.hidebullets {
        bottom: 0!important;
        -ms-filter: "alpha(opacity=100)"!important;
        -moz-opacity: 1!important;
        -webkit-opacity: 1!important;
        opacity: 1!important;
    }

    #ef-team .ef-item-title,#ef-team .ef-carousel-item:hover .ef-item-title {
        position: static;
        padding-left: 0;
        background: 0;
        color: inherit;
    }

    #ef-portfolio .ef-portfolio-wrap {
        width: 101.6%;
    }

    #ef-portfolio .ef-portfolio-item {
        width: 33.1%;
    }

    #ef-portfolio.ef-3-col-portfolio .ef-portfolio-item {
        width: 24.9%;
    }

    #ef-clients-carousel .ef-carousel-nav a#ef-prev1 {
        margin-left: -7px;
    }

    #ef-clients-carousel .ef-carousel-nav a#ef-next1 {
        margin-right: -7px;
    }
}

@media only screen and (max-width:48em) {
    .ef-services>.columns {
        height: auto!important;
    }

    #ef-top ul li.ef-soc-title {
        padding-bottom: 11px;
    }

    .ef-services article {
        border: 0!important;
    }

    #myModal {
        background-image: none;
    }

    .ef-twitter-widget .text-right,#ef-footer-bottom .columns,.ef-panel-inner *,.ef-breadcrumbs * {
        text-align: center!important;
    }

    .ef-map-pag .back-btn {
        border-bottom-width: 1px;
    }

    .ef-map-pag .fwd-btn {
        border-top-width: 1px;
    }

    #ef-portfolio .ef-portfolio-wrap {
        width: 101%;
    }

    #ef-portfolio .ef-portfolio-item {
        width: 49.9%;
    }

    #ef-portfolio.ef-3-col-portfolio .ef-portfolio-item {
        width: 33.1%;
    }

    .ef-bloginfo-comment.right {
        float: left!important;
    }

    .ef-from-blog-img {
        margin-top: .625em;
        margin-left: -2.313em;
    }

    .ef-post .ef-proj-img {
        margin-bottom: .625em;
    }

    .ef-post .ef-blog-s3-img {
        margin-bottom: .938em;
    }
}

@media only screen and (max-width:20.000em) {
    .ef-post .ef-from-blog-img {
        width: 6.563em;
    }

    #ef-portfolio.ef-3-col-portfolio .ef-portfolio-item {
        width: 49.9%;
    }
}